网页 单击复制 jsp代码 – 青春部落，流年似水 http://www.youthtribe.com 青春是一场远行，总记不起来时的路。 Sun, 03 Jul 2011 15:52:59 +0000 zh-CN hourly 1 https://wordpress.org/?v=6.1.7 网页 单击复制 jsp代码 – 青春部落，流年似水 http://www.youthtribe.com/archives/313 http://www.youthtribe.com/archives/313#respond Sun, 03 Jul 2011 15:52:17 +0000 http://www.youthtribe.com/?p=313 今天在我的搞笑图片站中实现了，鼠标左键单击图片时，会实现和鼠标右键-复制的功能，显然这大大方便了访客复制图片，尤其是我这样的一个搞笑图片站。代码还是网上找的，自己毕竟不是搞网页设计的。呵呵。下边我贴出来，供大家参考。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<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

]]> http://www.youthtribe.com/archives/313/feed 0