本文目录一览:
- 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。