jquery禁用浏览器右键,局部div不禁用。
操作:在class为a1/a2/tbox的地方点击鼠标右键,要可以出来右键菜单。在tbox1中点击鼠标右键要禁止鼠标右键菜单。
html:
<body>
<div>
<div class="tbox1">
这块内容要禁用浏览器鼠标右键
</div>
<div class="tbox">
<div class="a1">
在这块div点击鼠标右键
</div>
<div class="a2">
同级div
</div>
</div>
</div>
</body>
jquery:
$(document).contextmenu(function(e) {
// console.log(this)
// console.log(e)
// console.log(e.target)
if($(e.target).hasClass("tbox")||$(e.target).parents(".tbox").hasClass("tbox")){
return true;//不禁止
}else{
return false;//禁止
}
})
拓展:
还可以使用ouseDown 和 e.which实现
$(document).mousedown(function(e) {
//e.which 1为鼠标左键 2为鼠标中键 3为鼠标右键
if (e.which == 3) {
console.log('this' + this)
console.log('e' + e)
console.log('e.target' + e.target)
if($(e.target).hasClass("tbox")||$(e.target).parents(".tbox").hasClass("tbox")){
return true;//不禁止
}else{
return false;//禁止
}
}
})