我的网站上有许多精美图片,不想让浏览网站的人任意点击右键来保存图片,那如何在网页中屏蔽右键操作呢?

答:避免这种操作的方法有两个,一是在上传图片时加入企业的水印;二是通过嵌入javascript或者html代码实现。

一、上传图片时加入企业的水印来实现。先制作个水印图片。然后使用Photoshop的工具打开您想要处理的图片,然后也打开制作好的水印效果的logo图标,直接拖入我们想要处理的图片,就可以了,然后合成一张图片,这样图片的水印就制作好了。就算浏览网站的人点右键“保存”您的图片,他也要去掉水印方可以使用。

二,通过嵌入javascript或者html代码实现。

1、可以用javascript实现。点击“工具箱”→“添加控件”→“控件中心”→“基本工具”中选择“自定义html”,在弹出的对话框中输入以下代码,类型中选择CSS,javascript代码,选择无边框就可以。

<script language="JavaScript"> 
 //锁鼠标右键和键盘CONTEXTMENU键 
 function click(e) { 
  if (document.all) { 
   if (event.button==2||event.button==3) { 
    oncontextmenu='return false'; 
   } 
  } 
  if (document.layers) { 
   if (e.which == 3) { 
    oncontextmenu='return false'; 
   } 
  } 
 }

 if (document.layers) { 
  document.captureEvents(Event.MOUSEDOWN); 
 }
 document.onmousedown=click; 
 document.oncontextmenu = new Function("return false;") 
</script>

2、如果您怕有的浏览器会屏蔽js代码,请用普通html 代码来实现:

点击“工具箱”→“添加控件”→“控件中心”→“基本工具”中选择“自定义html”,在弹出的对话框中输入以下代码,类型中选择普通html,再选择无边框就可以。

输入代码内容为:“<body oncontextmenu=self.event.returnValue=false>”。

发布时间:2008-8-29
来源方式:原创
建站攻略
客服导航
 
  • 如果您初次使用我们的产品,建议您首先在“新手入门”学习相关的教程之后再进行操作;
  • 如果您在使用我们的产品中遇到问题,建议您在“帮助中心”中查询解决问题的方法;
  • 如果没有找到该问题的解决方法,您可以在“问题搜索”中进行搜索;
  • 如果搜索后没有找到满意答案,您可以“在线提问”,我们会在1个工作日内给您答复。