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>
感兴趣的读者可以测试自己测试一下代码,或者对其功能进行修改和完善!