网页里如何禁用右击事件?使用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-3.4.1.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).on("contextmenu",function(e){return false;});
});</script>
</html>
对于Web开发人员来说,常常要进行界面的调试。使用F12调试工具能够很方便地进行调试,查看html元素,查看响应事件。网页里如何使用js禁用F12事件?
document.onkeydown=function (e){var currKey=0,evt=e||window.event;currKey=evt.keyCode||evt.which||evt.charCode;if (currKey == 123) {window.event.cancelBubble = true;window.event.returnValue = false;}}
完整demo:
<!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;}*/document.onkeydown=function (e){var currKey=0,evt=e||window.event;currKey=evt.keyCode||evt.which||evt.charCode;if (currKey == 123) {window.event.cancelBubble = true;window.event.returnValue = false;}}</script>
</html>