使用javaScript阻止浏览器右键菜单

原创
2014/10/25 21:50
阅读数 2K

使用js来实现

document.onContextMenu = function(e)
{
 var e = e || window.event;
 //阻止冒泡
 e.cancelBubble = true;
 //阻止触发默认事件
 e.returnValue = false;
 returen false;
}

使用jQuery.js或者zepto.js来实现

$(document).bind("contextmenu",function(e){
        e.preventDefault();
        return false;
   });


伴随着html5的出现,原生js也开始支持preventDefault();但低版本人需要兼容

我们可以如下使用,当然,以下写法确实不够好,或许我们应该改进一下

document.onContextMenu = function(e)
{
 var e = e || window.event;
  try{
      e.preventDefault();
  }catch(e){
       //阻止冒泡
     e.cancelBubble = true;
     //阻止触发默认事件
     e.returnValue = false;
  }
 returen false;
}

改进方法

window.Event.prototype.preventDefault = window.Event.prototype.preventDefault || function(){
   //阻止冒泡
   this.cancelBubble = true;
     //阻止触发默认事件
   this.returnValue = false;
}

改进之后,就可以大(肆)胆()放()心()的使用了

e.preventDefault();


展开阅读全文
加载中
点击加入讨论🔥(3) 发布并加入讨论🔥
3 评论
2 收藏
0
分享
返回顶部
顶部