求单击“复制内容到剪切板”能复制文本框里面内容的代码!

发布网友 发布时间:2022-04-23 03:56

我来回答

4个回答

热心网友 时间:2022-05-13 01:34

我们举例来说明吧,这样一眼就能看明白了!
比如我们要复制一个类型为“text”的input里面的内容,它的ID为wanto,如下面一行代码所示:
<input id="wanto" type="text" />
而下面这行代码呢是一个按钮,当我们点击这个按钮后就会把“wanto”里面的内容给复制到剪贴板里面去,我们重点来看看它的onclick这个javascript事件吧!
<input type="button" value="复制" onclick="clipboardData.setData('Text',document.getElementById('wanto').value);" />
这个onclick的事件处理函数就是把“wanto”里面的内容给复制到剪切板了,这个时候我们不管是用“Ctrl+V”的组合键还是用“右键”->“粘贴”都可以把剪切板里面的内容给倒出来了。简单吧·这里的例子是复制类型为“text”的内容,其他诸如area等都是一样的。

热心网友 时间:2022-05-13 02:52

<script language=javascript>
// 自动 COPY 代码开始
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
alert("复制成功!您可以将本页推荐给你QQ或者论坛上的朋友阅读!");
}

// 自动 COPY 代码结束
document.write('<br><b><font color=red style=font-size:14px>推荐给你的朋友阅读:</font></b><input name="page_url" value="'+window.location.href+'" size=""> <input type="button" name="Button" class="button1" style=color:red value="点击这里复制本页地址推荐给你QQ或者论坛上的朋友阅读!" onClick=JM_cc("page_url")>');
</script>

具体如何扩展 大家修改下就可以了 扩展性还是很强的

热心网友 时间:2022-05-13 04:27

ctrl+c

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com