网页里如何使用js屏蔽鼠标右击事件-LMLPHP

图片.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>

注:

04-30 10:35