網頁里如何使用js禁用控制臺

網頁里如何禁用右擊事件？使用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>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/247431.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/247431.shtml
英文地址，請注明出處：http://en.pswp.cn/news/247431.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！