js禁止右键|禁止选中|禁止ctrl+u|禁止F12代码

本文介绍了一种通过JavaScript实现的基础网页内容防复制技术,包括禁止鼠标右键菜单、禁止文字选中、阻止快捷键Ctrl+U及F12的使用等。这些方法有助于保护网站内容不被轻易复制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基础防复制方式:通过js 禁止鼠标右键、禁止鼠标选中文字、禁止快捷键ctrl+u、禁止F12键

var arr = [123, 17, 18];
document.oncontextmenu = new Function("event.returnValue=false;");//禁用右键
document.onselectstart = new Function("event.returnValue=false;");//禁用选中
//禁止 ctrl+u
window.onkeydown = function (e) {
    var keyCode = e.keyCode || e.which || e.charCode;
    var ctrlKey = e.ctrlKey || e.metaKey;
    console.log(keyCode + "--" + keyCode);
    if (ctrlKey && keyCode == 85) {
	console.log("禁止ctrl+u");
	e.preventDefault();
    }
    if (arr.indexOf(keyCode) > -1) {
	console.log("其他");
	e.preventDefault();
    }
}
//屏蔽F12
document.onkeydown = function () {
    if (window.event && window.event.keyCode == 123) {
	event.keyCode = 0;
	event.returnValue = false;
	return false;
    }
}

其中,keyCode已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性。

https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/keyCode

https://www.cnblogs.com/hyq0002013/p/6421409.html

代码可简化为:

document.oncontextmenu = new Function("event.returnValue=false;");//禁用右键
document.onselectstart = new Function("event.returnValue=false;");//禁用选中
//禁止 ctrl+u
window.onkeydown = function (e) {
var ctrlKey = e.ctrlKey || e.metaKey;
if (ctrlKey) {
    e.preventDefault();
    }
}
//屏蔽F12
document.onkeydown = function () {
if (window.event) {
    event.returnValue = false;
    return false;
    }
}

 

### Google Chrome F12 开发者工具使用指南 #### 介绍 Google Chrome 浏览器内置了一套强大的开发者工具,可以通过按下 `F12` 或右键点击网页并选择“检查”来启动这些工具。这套工具集成了多种功能模块,旨在帮助开发者进行前端开发、调试以及性能优化工作。 #### 主要界面布局 打开开发者工具后,默认会显示多个面板,每个面板负责不同的任务: - **Elements**:查看和编辑HTML结构及CSS样式[^1]。 - **Console**:执行JavaScript命令行语句,也可以看到运行时错误日志和其他消息输出。 - **Sources**:设置断点、逐步执行代码片段;支持直接在线修改脚本文件,并实时反映更改效果。 - **Network**:监控HTTP请求过程中的所有活动,包括加载时间分析图表展示等。 - **Performance**:录制页面交互期间发生的事件流图谱,便于定位性能瓶颈所在位置。 - **Memory**:检测内存泄漏情况,提供堆栈快照对比等功能辅助排查问题根源。 - **Application**:管理本地存储(如Cookies)、IndexedDB数据库表单等内容[^4]。 #### 常见操作技巧 利用快捷方式能够极大提高工作效率,下面列举了一些常用的组合按键: | 功能描述 | Windows/Linux 快捷键 | Mac 快捷键 | | --- | --- | --- | | 打开/关闭开发者工具 | Ctrl + Shift + I / F12 | Cmd + Option + I / F12 | | 切换至控制台视图 | Ctrl + \` (反引号) | Cmd + \` (反引号) | | 捕获当前屏幕截图 | Ctrl + Shift + P | Cmd + Shift + P | 此外,在 Elements 面板中还可以通过双击元素标签快速进入编辑模式,按 Enter 键确认保存所作调整;而在 Console 输入框里输入 `$0` 可返回最近选中的DOM节点对象实例供进一步探究其属性方法特性。 ```javascript // 获取最后一个被选中的 DOM 节点 console.log($0); ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值