js实现点击图片将图片地址复制到粘贴板的方法
本文实例讲述了js实现点击图片将图片地址复制到粘贴板的方法。分享给大家供大家参考。具体如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metaname="robots"content="all"/> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>点击图片直接把图片地址复制到粘贴板</title> <styletype="text/css"> #www_jb51_net_hidden{ position:absolute; visibility:hidden; } img{ cursor:pointer; } </style> </head> <body> 点击下面的图片直接获取得地址。 <divid="jb51_net"> <imgsrc="images/m10.jpg"><br/> </div> <spanid="www_jb51_net_hidden"></span> </body> <scripttype="text/javascript"> <!-- $id=function(id){ returndocument.getElementById(id); } varobjs=$id("jb51_net").getElementsByTagName("img"); for(vari=0;i<objs.length;i++){ objs[i].onclick=function(){ $id("www_jb51_net_hidden").innerHTML=this.src; varmy_range=document.body.createTextRange(); my_range.moveToElementText($id("www_jb51_net_hidden")); my_range.execCommand("copy"); alert("图片地址已经复制到剪贴板"); returnfalse; } } //--> </script> </html>
希望本文所述对大家的javascript程序设计有所帮助。