js实现点击后将文字或图片复制到剪贴板的方法
本文实例讲述了js实现点击后将文字或图片复制到剪贴板的方法，代码非常简洁实用，具体功能代码如下所示：
实现复制文字代码：
<tablewidth="99%"border="0"cellpadding="0"cellspacing="0"class="firtable">
<tr>
<thwidth="100%"style="color:white;"><s:textname="询单明细"></s:text></th>
</tr>
<tr>
<tdalign="center">
<textareaname="inquiryContact1"id="inquiryContact1"rows="15"cols="60"readonly="readonly"></textarea>
<divid="inquiryInfoDIV"style="display:none">
<s:propertyvalue="inquiryContact"escape="false"/>
</div>
<script>dojo.byId("inquiryContact1").innerText=dojo.byId("inquiryInfoDIV").innerText;
</script>
</td></tr>
<tr>
<tdalign="center">
<inputtype="button"id="button"name="button"value="复制"onclick="copyContact()"/>
</td></tr></table>
<scripttype="text/javascript">
vari=0;
functioncopyContact(){
varcontat=document.getElementById("inquiryContact1").value;
window.clipboardData.setData('text',contat);
if(window.clipboardData.getData('text')==''){
if(i==1){
alert("复制失败，请手动Ctrl+C快捷键复制！");
}else{
alert("复制失败，请重新复制！");
i=1;
}
}else{
alert("内容已经复制到剪贴板！");
}
}
</script>
实现复制图片代码：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
<SCRIPTLANGUAGE="JScript">
varoPopup=window.createPopup();
functionButtonClick(div)
{
//vardiv=document.getElementById('divId');
div.contentEditable='true';
varcontrolRange;
if(document.body.createControlRange){
controlRange=document.body.createControlRange();
controlRange.addElement(div);
controlRange.execCommand('Copy');
}
div.contentEditable='false';
}
</SCRIPT>
</head>
<body>
<divid="divId1">
<imgsrc="F:/2012070518474964.jpg"onclick="ButtonClick(this)">
</div>
</BODY>
</body>
</html>
感兴趣的读者可以测试自己测试一下代码，或者对其功能进行修改和完善！