点击按钮后实现复制和剪切的代码


在一些技术类网站我们看到过类似的效果，当我们点击按钮可以实现对应文本框的内容被复制或被剪切到Windows剪贴板，如果我们在网页上需要有很多内容让用户复制的话，我们可以结入一个这样功能的按钮，省去用户操作的麻烦。

答案：<html>
<head>
<title>点击按钮后实现复制和剪切的代码</title>
</head>
<body>
<SCRIPT language=JavaScript>
function copy(ob){
var obj=findObj(ob); if (obj) { 
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function cut(ob){
var obj=findObj(ob); if (obj) { 
obj.select();js=obj.createTextRange();js.execCommand("Cut");}
}
function 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=findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</SCRIPT>
<input type="button" name="Button" value="复制" onClick=copy('txtOutput')>
<input type="button" name="Button" value="剪贴" onClick=cut('txtOutput')>
    <br><form name="fom1" method="post" action="">
    <textarea name="txtOutput" rows="5" cols="50">点击后这里的文字将被复制哦。。</textarea>
</form>
</body>
</html>

上一个：DOM操作HTML文档添加数据实例
下一个：提交表单前确认功能的实现代码

更多图片编程知识: