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

本文目录一览：

• 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;” /

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

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

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自动复制内容到剪贴板

javascript代码

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。