1. 禁止选中
<html onselectstart="return false">
#box{
overflow: hidden;
position: relative;
width: 700px;
height: 540px;
background: antiquewhite;
border: 1px solid deeppink;
margin: 50px auto;
padding: 0 20px;
user-select: none; ------------添加
-moz-user-select: -moz-none; ------------添加
-ms-user-select: none; ------------添加
}
两个地方添加 内容
2. 阻止默认事件
//直接绑定
//主流浏览器可以用e.preventDefault(); 也可以用return false;
//IE浏览器只能用return false;
document.oncontextmenu = function (e) {
//e = e || window.event;
//e.preventDefault();
alert( 1 );
return false;
}
//注册事件 -- 主流
//不能通过return false来阻止默认事件
document.addEventListener("contextmenu" , function (e) {
e.preventDefault(); //可以
alert( 1 );
return false; //不可以
} , false );
//注册事件 -- IE8 及 以下
//只能通过return fasle来阻止默认事件
document.attachEvent("oncontextmenu" , function () {
//window.event.preventDefault();
alert( 1 );
return false; //可以
})
//兼容写法
function fn(e) {
e = e || window.event;
//code……
e.preventDefault && e.preventDefault();---------
return false; ---------
}