在后台管理系统里面,遇到了这样的一个问题,右击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>