禁用F12，禁用右键触发方法，禁止选中网页上的内容，监听文本复制，监听浏览器窗口变化

原创已于 2024-06-03 14:34:35 修改 · 606 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #服务器 #前端框架

于 2022-11-30 11:13:26 首次发布

本文介绍了如何通过JavaScript禁用F12开发者工具、鼠标右键功能，防止内容选中，并监听文本复制和浏览器窗口变化。这些技术对于提升网站交互性和安全性至关重要。

本文包含内容：

禁用F12方法；
禁用鼠标右键方法；
禁止选中网页上的内容；
监听文本复制；
监听浏览器窗口变化；

禁用F12方法

preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。

/*禁用f12建*/
window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
    // 判断是否按下F12，F12键码为123
    if (event.keyCode === 123) {
        event.preventDefault(); // 阻止默认事件行为
        window.event.returnValue = false;
    }
}

禁用鼠标右键方法

// 为右键添加自定义事件，可以禁用
window.oncontextmenu = function() {
    event.preventDefault(); // 阻止默认事件行为
    return false;
}

禁止选中网页上的内容

	//禁止选中网页上的内容 
	window.onselectstart=function(){
		return false;
	};

监听文本复制

	//方法1
	window.addEventListener("copy", function() {
		console.log("已复制");
	});
	//方法2
	document.getElementById("myInput").oncopy = function() {
		console.log("已复制")
	};
	//方法3
	window.oncopy=function(){
		console.log("已复制");
	}

<div oncopy="myFunction()">divdiv</div>

监听浏览器窗口变化

	window.addEventListener("resize", function() {
		console.log(window.innerHeight);
		console.log(window.innerWidth);
	});