网页里如何使用js屏蔽鼠标右击事件
2018-09-15 本文已影响138人
祈澈菇凉
图片.png
在后台管理系统里面，遇到了这样的一个问题，右击ztree菜单，弹出修改界面，但是，现在确实这样的，右击默认弹出功能提示的框框，看上去似乎很影响自己想要的功能，只能禁用了，那么，网页里如何禁用右击事件？使用jQuery，几句代码就可以搞定了
document.oncontextmenu = function(){return false;}
简单示例：
js实现：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标右键事件</title>
</head>
<body>
<p id="tar">这里是一些内容
<menu id="menu">
<ul>
<li>王小婷</li>
<li>祈澈菇凉</li>
<li>安安安安</li>
</ul>
</menu>
</p>
</body>
<script>
document.oncontextmenu = function(){return false;}
</script>
</html>
jQuery实现：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标右键事件</title>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
</head>
<body>
<p id="tar">这里是一些内容
<menu id="menu">
<ul>
<li>王小婷</li>
<li>祈澈菇凉</li>
<li>安安安安</li>
</ul>
</menu>
</p>
</body>
<script>
//阻止鼠标右键事件
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
</script>
</html>
