JavaScript 如何屏蔽鼠标右键（html屏蔽右键）-前端教程-前军教程网

屏蔽鼠标右键

方法1：使用鼠标事件的button属性

鼠标事件中button的值在各个浏览器上大相径庭,但非常幸运的是按下鼠标右键时值都为2;

<html>
<head>
<title>屏蔽鼠标右键</title>
<script language="javascript">
function block(oEvent){
    if(window.event)
        oEvent = window.event;
    if(oEvent.button == 2)
        alert("鼠标右键不可用");
}
document.onmousedown = block;
</script>
</head>
<body>
<p>屏蔽鼠标右键</p>
</body>
</html>

Firefox旧版本不支持,经过严格测试,最新版本的IE、360、Firefox浏览器都已支持

方法二：浏览器兼容性最好,不用弹出警告框

<html>
<head>
<title>屏蔽鼠标右键</title>
<script language="javascript">
function block(oEvent){
    if(window.event){
    oEvent = window.event;
    oEvent.returnValue = false; //取消默认事件,兼容IE8以下浏览器
    }else
    oEvent.preventDefault(); //取消默认事件,兼容标准的DOM浏览器,IE9浏览器已支持
}
document.oncontextmenu = block;
</script>
</head>
<body>
<p>屏蔽鼠标右键</p>
</body>
</html>

方法三:(以下火狐和chome浏览器不支持,IE和360支持)

<body oncontextmenu="return false;">
</body>
<body oncontextmenu="alert('010-123456789');return false">
</body>
<body oncontextmenu="return test()">
<script>
function test(){
alert('020-123456789');
return false;

</script>
</body>

前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

JavaScript 如何屏蔽鼠标右键（html屏蔽右键）