jquery中使用contextmenu事件，如果返回true，則允許右鍵菜單；如果返回false，則禁止右鍵菜單
導入文件
<script type="text/javascript" src="jquery.min.js"></script>
js方法
<script> $(function(){ //contextmenu事件返回false則屏蔽鼠標右鍵菜單 $(document).bind("contextmenu",function(e){ if($("#enabledRadio").prop("checked")){ return true; } if($("#disabledRadio").prop("checked")){ return false; } }); }) </script>
html頁面
<div> <h3>JQuery屏蔽鼠標右鍵菜單</h3> <input type="radio" name="control" id="enabledRadio" checked="checked" />允許右鍵 <input type="radio" name="control" id="disabledRadio" />禁止右鍵 </div>
整體demo
<!doctype html> <html> <head> <meta charset="utf-8"> <title>屏蔽鼠標右鍵菜單</title> </head> <script type="text/javascript" src="jquery.min.js"></script> <script> $(function(){ //contextmenu事件返回false則屏蔽鼠標右鍵菜單 $(document).bind("contextmenu",function(e){ if($("#enabledRadio").prop("checked")){ return true; } if($("#disabledRadio").prop("checked")){ return false; } }); }) </script> <body> <div> <h3>JQuery屏蔽鼠標右鍵菜單</h3> <input type="radio" name="control" id="enabledRadio" checked="checked" />允許右鍵 <input type="radio" name="control" id="disabledRadio" />禁止右鍵 </div> </body> </html>
查看效果圖
1）允許右鍵
2）禁止右鍵
