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标签中,如:
<body oncontextmenu = "return false" > </body>
<body onselectstart = "return false" > </body>
<body oncopy = "return false" > </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>