HTML，JS禁止鼠标右键、禁止全选、复制、粘贴的方法

oncontextmenu事件禁用右键菜单

js代码：

1
2
3
4
5
6
7
document.oncontextmenu = function(){
    event.returnValue = false;
}
// 或者直接返回整个事件
document.oncontextmenu = function(){
    return false;
}

onselectstart事件禁用网页上选取的内容

js代码：

1
2
3
4
5
6
7
document.onselectstart = function(){
    event.returnValue = false;
}
// 或者直接返回整个事件
document.onselectstart = function(){
    return false;
}

oncopy事件禁用复制

js代码：

1
2
3
4
5
6
7
document.oncopy = function(){
    event.returnValue = false;
}
// 或者直接返回整个事件
document.oncopy = function(){
    return false;
}

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

1
2
3
4
5
<body oncontextmenu = "return false" ></body>

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

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

禁用鼠标事件

js代码：

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

禁用键盘中的ctrl、alt、shift

js代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
document.onkeydown = function(){
    if( event.ctrlKey ){
        return false;
    }
    if ( event.altKey ){
        return false;
    }
    if ( event.shiftKey ){
        return false;
    }
}
``` 
<font color="red" size="3" face="微软雅黑" style="line-height:2;">关键就在：</font>
```JAVASCRIPT
oncontextmenu='return false'
ondragstart='return false' 
onselectstart ='return false' 
onselect='document.selection.empty()' 
oncopy='document.selection.empty()' 
onbeforecopy='return false' 
onmouseup='document.selection.empty()'

一个更简单的方法就是在中加入如下的代码,这样鼠标的左右键都失效了：

1
2
3
4
5
topmargin="0" 
oncontextmenu="return false" ondragstart="return false" onselectstart 
="return false" onselect="document.selection.empty()" 
oncopy="document.selection.empty()" onbeforecopy="return false" 
onmouseup="document.selection.empty()"

禁止网页另存为：在后面加入以下代码：

1
2
3
<noscript> 
<iframe src="*.htm"></iframe> 
</noscript>

禁止网页内容复制．粘贴：在中加入以下代码：

1
2
3
4
5
6
7
<body
onmousemove=/HideMenu()/ oncontextmenu="return false" 
ondragstart="return false" onselectstart ="return false" 
onselect="document.selection.empty()" 
oncopy="document.selection.empty()" onbeforecopy="return false" 
onmouseup="document.selection.empty()">
</body>

ps:因作者能力有限，有错误的地方请见谅

  • 喜欢这篇文章的话可以用快捷键 Ctrl + D 来收藏本页

最后更新： 2018年09月19日 16:21

原始链接： https://blog.hdqyf.club/2018/01/31/20180131-HTML小技巧—JS禁止系列/

赏
× 请我吃糖~
打赏二维码