js将内容放到剪贴板怎么写呢？

JavaScript09

js将内容放到剪贴板怎么写呢？,第1张

<input type="text" id="copyText" value="" style="color:#fffbackground:#fffborder-color:#fffborder: 0position:absolutetop:-50pxleft:0" />

<script type="text/jscript">

//复制文本

function copyText(str)

{

if(str.length >0)

{

$("#copyText").val(str)

//复制文本

var input = document.getElementById("copyText")

input.value = str// 修改文本框的内容

input.select()// 选中文本

document.execCommand("copy")// 执行浏览器复制命令

//layer提示框

layer.closeAll('msg',{time:10000})

layer.msg('<span style="color:red">已复制：</span></br>'+str)

}

}

</script>

<a href="jscript:copyText('要复制的内容')">要复制的内容</a>

这是代码，这里的文本框不能设置隐藏，否则复制失效，所以我设置的样式让它在浏览器之外的地方，无法被看到

可以使用clipboard插件解决这个问题。

github里直接搜索clipboard就可以找到了。

该插件并不依赖jquery。直接引入即可使用。

使用方法：

这里的.btn是元素的class属性，可以使用任意id或者class以及元素节点名称来实例化插件。

默认会为元素绑定click事件，点击的时候会触发。

data-clipboard-target参数指定被复制内容的元素。

如上例，点击按钮后会将input的值“被复制的内容”几个字复制到剪切板中。

更多使用方法可以自行github查询。