網頁裏如何禁用右擊事件?使用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.οnkeydοwn=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.οnkeydοwn=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>