网页里如何禁用右击事件?使用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>