在web page中使鼠标右击失效的几种方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在web page中使鼠标右击失效的几种方法相关的知识，希望对你有一定的参考价值。
这里主要介绍两种方法，一种是使用js来处理，还有一种是在html属性中设置。
方法一：js
1：
<script language="javascript"> document.onmousedown=disableclick; status="Right Click Disabled"; Function disableclick(event) { if(event.button==2) { alert(status); return false; } } </script>
2：
document.addEventListener("contextmenu", function(e){
e.preventDefault();
}, false);
$(document).on({
"contextmenu": function(e) {
console.log("ctx menu button:", e.which);
// Stop the context menu
e.preventDefault();
},
"mousedown": function(e) {
console.log("normal mouse down:", e.which);
},
"mouseup": function(e) {
console.log("normal mouse up:", e.which);
}
});或者：
$(document).ready(function () {
document.oncontextmenu = document.body.oncontextmenu = function () { return false; }
});方法二：html属性设置
‘
<body oncontextmenu="return false"> ... </body>
最后：尽量不要这么做，除非特殊用途。
preference:http://stackoverflow.com/questions/737022/how-do-i-disable-right-click-on-my-web-page
以上是关于在web page中使鼠标右击失效的几种方法的主要内容，如果未能解决你的问题，请参考以下文章