使用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();