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

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>

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

利用一个不可见input,将要复制的文本写入value,再执行setSelectionRange选中,然后执行document.execCommand('copy')将value写入系统剪切板。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11892539.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存