剪贴板js代码（js复制到剪切板代码）

发布时间：2023-12-08

剪贴板js代码（js复制到剪切板代码）

更新：2022-11-11 16:05

本文目录一览：

  1. js将内容放到剪贴板怎么写呢？
  2. JS复制剪切板代码在Chrome下无效，请告诉一下合适的代码。
  3. JS自动复制内容到剪贴板
  4. 请教PHP传值到JS 的代码，实现复制到剪贴板的功能
  5. 如何用js清空剪切板
  6. 如何用JS操作粘贴板

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

<input type="text" id="copyText" value="" style="color:#fff; background:#fff; border-color:#fff;border: 0; position:absolute; top:-50px; left:0;" />

//复制文本
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);
    }
}

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

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

JS复制剪切板代码在Chrome下无效，请告诉一下合适的代码。

代码如下： 很多页面都是禁止copy的，那么通过浏览器事件，是不是可以访问到粘贴板？查了下资料，IE/Chrome/Firefox都支持oncopy/onpaste/oncut事件，虽然不是在所有元素上都支持。但是这里通过事件的event应该可以访问到用户复制了什么内容，并修改Data。动手实验了下，通过console.debug查看chrome和firefox的event对象，会发现event里面有一个clipboardData对象，所以后面的事情就不难了。看如下Firefox的截图就知道了：

参考资料

实现JS复制、粘贴，Chrome/Firefox下可用.csdn[引用时间2018-1-3]

JS自动复制内容到剪贴板

<script LANGUAGE="JavaScript">
function copyText(text) {
    window.clipboardData.setData("text",text);
}
</script>

HTML代码：

<body onload="copyText('123')">
</body>

请教PHP传值到JS 的代码，实现复制到剪贴板的功能

直接DOM获取容器内容即可：

<script type="text/javascript">
function setCopy(id){
    if(navigator.userAgent.toLowerCase().indexOf('ie') != -1) {
        var content = document.getElementById(id).innerHTML;
        clipboardData.setData('Text',content);
        alert ("本文标题和网址已复制到剪切板");
    } else {
        prompt("请复制网站地址:",content);
    }
}
</script>

<div id='test'>我要被复制</div>
<a href="javascript:setCopy('test');return false;">点击复制</a>

如何用js清空剪切板

js清空剪切板代码：

window.clipboardData.setData("text","");

每1 ms清空一次剪切板,可以防止别人copy,paste and 打印屏幕代码如下:

<script language=javascript>
setInterval('window.clipboardData.setData(\'text\',\'Please No Copies\')',1)//清空剪贴板1MS
</script>

如何用JS操作粘贴板

主要是用到了 window.clipboardData.setData("Text",copyText); 他主要有两个参数：第一个是设置要复制的是一段文本，第二个参数是要复制具体的内容，这个内容可以从文本框中或使用innerHTML获取。 简单的实例代码：

<script type="text/javascript">
function copyData() {
    var copyText = document.getElementById("ctl00_cpRight_txtUrl").value;
    window.clipboardData.setData("Text",copyText);
}
</script>

<asp:TextBox ID="txtUrl" runat="server" Height="30px" Width="349px"></asp:TextBox>
<input id="btnCopyUrl" type="button" value="复制URL到粘贴板" onclick="copyData()" />

注：ctl00_cpRight_txtUrl这个ID其实是txtUrl生成页面后自动生成的ID。

推荐文章