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

Posted 2023-05-01

<input type="text" id="copyText" value="" style="color:#fff; background:#fff; border-color:#fff;border: 0; position:absolute; top:-50px; left: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>
这是代码，这里的文本框不能设置隐藏，否则复制失效，所以我设置的样式让它在浏览器之外的地方，无法被看到 参考技术A 可以使用clipboard.min.js来实现，百度能搜索到。如果不会可以回复。

js 将内容复制到剪贴板

 

js 将内容复制到剪贴板

CreationTime--2018年7月1日15点06分

Author:Marydon

function copyToClipboard(txt) {    
    if(window.clipboardData){
        // 清空剪贴板
        window.clipboardData.clearData();
        // 赋值    
        window.clipboardData.setData("Text", txt);
        alert(‘复制成功！‘)
    }else{
        alert(‘请手动复制！‘)    
    }   
}

 

 相关推荐：

• 类似文章