在网页中直接点击图片实现复制图片到剪切板的代码

今天在我的搞笑图片站中实现了,鼠标左键单击图片时,会实现和鼠标右键-复制的功能,显然这大大方便了访客复制图片,尤其是我这样的一个搞笑图片站。代码还是网上找的,自己毕竟不是搞网页设计的。呵呵。下边我贴出来,供大家参考

===========================================

<body>

<SCRIPT LANGUAGE=”JScript”>
var oPopup = window.createPopup();
function ButtonClick()
{
var div = document.getElementById(‘divId’);
div.contentEditable = ‘true’;
var controlRange;
if (document.body.createControlRange) {
controlRange = document.body.createControlRange();
controlRange.addElement(div);
controlRange.execCommand(‘Copy’);
}
div.contentEditable = ‘false’;
alert(“您已将本图片添加到粘贴板中。快分享给您的好朋友吧!”);
}
</SCRIPT>

<div id=”divId1″>
<img onclick=”ButtonClick()” id=”divId” src=”678.png”>
</div>

</body>

 =================================================

其实原理很简单,就是定义一个jsp函数,当发生单击事件时,就把定义好的层ID对应内容加到剪切板中,从而实现了这个功能。

贴出一个我的这个功能实现页网址:http://gif.youthtribe.com/content.php?id=ns&pageId=10

Leave a Reply