JS实现禁止图片的复制

2012/11/8 11:51:54作者：佚名来源：网络

移动端

【实例名称】

JS实现禁止图片的复制

【实例描述】

有时为了保护图片的版权，页面中的图片是不允许复制的。本例介绍使用一个方法屏蔽对网页中所有图片的复制操作。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页-学无忧（www.xue51.com）</title>
    <script language="javascript">
    function noCopy(control)
    {
 alert("版权所有，禁止复制！");
 return false;
    }
    function check() 
    {
 if(document.images)  //遍历页面中的图像
     for(i=0;i<document.images.length;i++)
  document.images[i].onmousedown = noCopy;
    }
    </script>
    需要在body中添加事件onload，代码如下所示：
</head>
<body onload="check()">
<img src='' width=70 height=50 border=1 alt='我的图片'>
<div> 
<table width="300" height="50" border="0" 
cellspacing="2" cellpadding="0" bgcolor="#FFb609">
  <tr> 
    <td bgcolor="#ccffff">禁止复制网页中所有图片...</td>
  </tr>
</table>
</div>
    
</body>
</html>

 
【运行效果】

禁止图片的复制运行效果