首页 > 编程知识 正文

剪贴板js代码(js复制到剪切板代码)

时间:2023-12-10 13:48:28 阅读:314213 作者:RCBA

本文目录一览:

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。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。