屏蔽事件

# 屏蔽事件

禁止鼠标右键、禁止全选、复制、粘贴

# 禁用右键菜单

oncontextmenu事件

document.oncontextmenu = function(){
    event.returnValue = false;
}
// 或者直接返回整个事件
document.oncontextmenu = function(){
    return false;
}

1
2
3
4
5
6
7

# 禁用网页上选取的内容

onselectstart事件

document.onselectstart = function(){
    event.returnValue = false;
}
// 或者直接返回整个事件
document.onselectstart = function(){
    return false;
}

1
2
3
4
5
6
7

# 禁用复制

oncopy事件

document.oncopy = function(){
    event.returnValue = false;
}
// 或者直接返回整个事件
document.oncopy = function(){
    return false;
}

1
2
3
4
5
6
7

以上三种事件，如果只想单纯的禁用鼠标右键，和复制粘贴，还可以将它们直接写到HTML中的body上面；

<body oncontextmenu = "return false" ></body>

<body onselectstart = "return false" ></body>

<body oncopy = "return false" ></body>

1
2
3
4
5

# 禁用鼠标事件

document.onmousedown = function(e){
    if ( e.which == 2 ){// 鼠标滚轮的按下，滚动不触发
        return false;
    }
    if( e.which==3 ){// 鼠标右键
        return false;
    }
}

1
2
3
4
5
6
7
8

# 禁用键盘中的ctrl、alt、shift

document.onkeydown = function(){
    if( event.ctrlKey ){
        return false;
    }
    if ( event.altKey ){
        return false;
    }
    if ( event.shiftKey ){
        return false;
    }
}

1
2
3
4
5
6
7
8
9
10
11

原文：HTML，JS禁止鼠标右键、禁止全选、复制、粘贴的方法 - happiness木木 - 博客园 (cnblogs.com) (opens new window)

上次更新: 2024/08/14, 04:14:33

← 浏览器跨域 CSS3新特性→