您现在的位置: 365建站网 > 365文章 > js中oncontextmenu事件和oncontextmenu禁止右键的用法

js中oncontextmenu事件和oncontextmenu禁止右键的用法

文章来源:365jz.com     点击数:2545    更新时间:2018-11-07 09:17   参与评论

定义和使用

oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。

注意:所有浏览器都支持 oncontextmenu 事件, contextmenu 元素只有 Firefox 浏览器支持。

OnContextMenu事件

用oncontextmenu事件单禁用右键菜单 


一个页面中,BODY中用oncontextmenu='return false'来取消鼠标右键;在JS中设置oncontextmenu='return true'用window.document.oncontextmenu = function(){ return false;} 


onconTextmenu=window.event.returnValue=false;右键菜单禁用,用这个可以禁止复制。 

</>code

  1. <script>
  2.  window.document.oncontextmenu = function(){
  3.      //alert('请不要点击鼠标右键!');
  4.      return false;
  5.  }  
  6.  </script>


在<body>中加入属性代码: 


</>code

  1. oncontextmenu="return false"               
  2. onselectstart="return false"                   禁止选中网页上的内容 
  3. oncopy="return false"                           防复制用户在网页上选中的内容


防止用户另存网页: 


利用<noscript><iframe src=*.html></iframe></noscript>标签,能防止网页的直接另存,但不能防止网页被人使用工具下载 


*为通配符。 


例1: 


</>code

  1. <html> 
  2. <head> 
  3. <title>OnContextMenu事件</title> 
  4. <script language="JavaScript"> 
  5. <!-- 
  6. function uFunction() 
  7. {     document.all.infoDiv.innerHTML='你按下了鼠标右键,但是右键菜单不能 显示!';} 
  8. function uFunction2() 
  9. {    document.all.infoDiv.innerHTML='你按下了Ctrl+鼠标右键,可以 显示右键菜单。';} 
  10. //--> 
  11. </script> 
  12. </head> 
  13. <body oncontextmenu="if(!event.ctrlKey){uFunction();return false}else{uFunction2()}"> 
  14. <div id="infoDiv">你按下了鼠标右键,但是右键菜单不能 显示!<br>你按下了Ctrl+鼠标右键,可以显示右键菜单。 
  15. </div></body> 
  16. </html>


如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

您可能感兴趣的文章:

发表评论 (2545人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号