我可以禁用右击在我的网页不使用JavaScript?我问这个问题是因为大多数浏览器允许用户禁用JavaScript。
如果不是,我如何使用JavaScript禁用右键?
我可以禁用右击在我的网页不使用JavaScript?我问这个问题是因为大多数浏览器允许用户禁用JavaScript。
如果不是,我如何使用JavaScript禁用右键?
当前回答
<script>
window.oncontextmenu = function () {
console.log("Right Click Disabled");
return false;
}
</script>
其他回答
是的,你可以使用HTML和Javascript禁用它。 只需在你的body或元素上添加oncontextmenu="return false;" 它非常简单,只是使用有效的HTML和Javascript,没有jQuery。
下面有三种最流行的方法来禁用在网页上单击鼠标右键。
#1使用HTML正文标签
<body oncontextmenu="return false;">
#2使用CSS
body {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
-o-user-select: none;
user-select: none;
}
#3使用JavaScript
document.addEventListener('contextmenu', e => e.preventDefault());
禁用网页上的右键很简单。只需几行JavaScript代码就可以完成这项工作。下面是JavaScript代码:
$("html").on("contextmenu",function(e){
return false;
});
在上面的代码中,我选择了标签。在你添加了这三行代码后,它将禁用在网页上的右键单击。
源码:禁用右键,复制,在网页上使用jQuery剪切
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<script type='text/javascript'>//<![CDATA[
$(function(){
$('img').bind('contextmenu', function(e){
return false;
});
});//]]>
</script>
</head>
<body>
<img src="http://www.winergyinc.com/wp-content/uploads/2010/12/ajax.jpg"/>
</body>
<script>
window.oncontextmenu = function () {
console.log("Right Click Disabled");
return false;
}
</script>