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

太过爱你忘了你带给我的痛 2022-02-25 07:08 219阅读 0赞

本文包含内容：

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

--------------------

## 禁用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("已复制");
    	}

方法4

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

--------------------

## 监听浏览器窗口变化 ##

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

--------------------