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

JavaScript05

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查询。