Html网页控制用JavaScript代码：禁止复制文本，禁止鼠标右键菜单等

学习&实践爱好者

已于 2022-07-09 15:29:41 修改

阅读量1.4k

点赞数 1

分类专栏： JavaScrip技术前端开发编程实践系列文章标签： javascript html

于 2022-07-09 11:46:07 首次发布

本文链接：https://blog.csdn.net/cnds123/article/details/125691366

版权

编程实践系列同时被 3 个专栏收录

135 篇文章 21 订阅

订阅专栏

JavaScrip技术

111 篇文章 24 订阅

订阅专栏

前端开发

64 篇文章 4 订阅

订阅专栏

Html网页控制用JavaScript代码：禁止复制文本，禁止鼠标右键菜单等

这些做法仅仅是对网站做了一层简单的防护，禁止复制文本，禁止鼠标右键菜单等，应付一般的“小白”。

如何禁止网页上右键快捷菜单

可以使用oncontextmenu事件，禁用右键菜单

document.oncontextmenu = function(){

event.returnValue = false;

}

或者直接返回整个事件

document.oncontextmenu = function(){

return false;

}

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试禁止网页上右键快捷菜单</title>

<script>
    document.oncontextmenu = function(){
        event.returnValue = false;
    }
</script>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

禁用选取网页上的内容

可以使用onselectstart事件，禁用网页上选取的内容

document.onselectstart = function(){

event.returnValue = false;

}

或者直接返回整个事件

document.onselectstart = function(){

return false;

}

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试禁用选取网页上的内容</title>

<script>
    document.onselectstart = function(){
        event.returnValue = false;
    }
</script>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

禁用复制网页上的文本

可以使用oncopy事件，禁用复制

document.oncopy = function(){

event.returnValue = false;

}

或者直接返回整个事件

document.oncopy = function(){

return false;

}

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试禁用复制网页上的文本</title>

<script>
    document.oncopy = function(){
        event.returnValue = false;
    }
</script>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

特别说明：以上三种事件，如还可以将它们直接写到HTML中的body标签中，如：

禁用F12按键调出浏览器的开发者工具

window.onkeydown = function (event) {

// 判断是否按下F12，F12键码为123

if (event.keyCode == 123) {

event.preventDefault(); // 阻止默认事件行为

window.event.returnValue = false;

}

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试禁用F12按键调出浏览器的开发者工具</title>

<script>
    window.onkeydown = function (event) {
        // 判断是否按下F12，F12键码为123
        if (event.keyCode == 123) {
            event.preventDefault(); // 阻止默认事件行为
            window.event.returnValue = false;
        }
    }
</script>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

禁用ctrl+s按键打开另存为对话框

document.onkeydown = function(){

if (event.ctrlKey && window.event.keyCode==83){

return false;

}

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试禁用ctrl+s按键打开另存为对话框</title>

<script>
    document.onkeydown = function(){
        if (event.ctrlKey && window.event.keyCode==83){
            return false;
        }
    }
</script>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

参考：https://tpyyes.com/a/js_css/1105.html

学习&实践爱好者

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
Html网页控制用JavaScript代码：禁止复制文本，禁止鼠标右键菜单等

Html网页控制用JavaScript代码，这些做法仅仅是对网站做了一层简单的防护，禁止选中文字、复制文本，禁止鼠标右键菜单等，应付一般的“小白”。
复制链接

扫一扫