网站内容禁止复制的js代码

简介: 【10月更文挑战第2天】

网站内容禁止复制的 JavaScript 代码示例:

(function() {
   
  // 禁止鼠标右键菜单
  document.addEventListener('contextmenu', function(e) {
   
    e.preventDefault();
  });

  // 禁止文本选择
  document.addEventListener('selectstart', function(e) {
   
    e.preventDefault();
  });

  // 禁用快捷键(Ctrl+C、Ctrl+V 等)
  document.onkeydown = function(e) {
   
    if ((e.ctrlKey && e.keyCode === 67) || // Ctrl+C
        (e.ctrlKey && e.keyCode === 86) || // Ctrl+V
        (e.ctrlKey && e.keyCode === 88) || // Ctrl+X
        (e.ctrlKey && e.keyCode === 90)) {
    // Ctrl+Z
      e.preventDefault();
    }
  };
})();

在上述代码中,我们通过以下几种方式来实现禁止复制的功能:

  1. 禁止鼠标右键菜单:使用document.addEventListener方法监听contextmenu事件,当触发该事件时,调用e.preventDefault()方法阻止默认的右键菜单弹出。
  2. 禁止文本选择:同样通过document.addEventListener方法监听selectstart事件,阻止文本的选择。
  3. 禁用快捷键:通过document.onkeydown事件监听键盘按键事件。当检测到Ctrl+CCtrl+VCtrl+XCtrl+Z等与复制粘贴相关的快捷键时,调用e.preventDefault()方法阻止操作。

需要注意的是,这种方式只能在一定程度上限制用户的复制操作,但并不能完全杜绝。技术高超的用户仍然可能通过其他方法绕过这些限制。

此外,完全禁止用户复制内容可能会影响用户体验,并且在某些情况下可能并不合适。在实际应用中,需要根据具体需求和场景来权衡是否使用这种方式。

同时,这种做法也可能引发一些法律和道德问题。用户对于网站上的公开信息通常有一定的合理使用权利,过度限制可能会引起用户的不满。

你是出于什么目的想要实现网站内容禁止复制呢?在实际应用中,还需要综合考虑各种因素,以确保采取的措施是合理和恰当的。

相关文章
|
4天前
|
人工智能 数据可视化 机器人
【通义灵码】三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
我发掘出的通义灵码AI程序员新玩法:三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
|
3天前
|
人工智能 数据可视化 架构师
三句话生成 P5.js 粒子特效代码,人人都可以做交互式数字艺术
短短几分钟,两个完全不懂P5.js的人类,和通义灵码AI程序员一起,共同完成了有真实物理引擎和碰撞检测的3D仿真动画。人类扮演的角色更像产品经理和架构师,提出开发需求和迭代修改方案,而AI的作用更像码农,任劳任怨,熟练用各种编程语言完成技术底层的脏活累活。这只是AI编程的冰山一角,未来,每一个艺术家都能快速做出自己的创意原型,每一个数学老师都能轻松做出自己的教学动画。
|
2月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
136 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
6天前
|
自然语言处理 前端开发 JavaScript
20 个 JavaScript 简化技巧,让你的代码更上一层楼!
JavaScript 既灵活又强大,掌握以下20个技巧可助你编写更简洁高效的代码
|
2月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
57 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
|
人工智能 JavaScript 前端开发
一段 JavaScript 代码,集成网站AI语音助手
根据本教程,只需通过白屏化的界面操作,即可快速构建一个专属的AI智能体。
|
3月前
|
JavaScript 前端开发 测试技术
在 golang 中执行 javascript 代码的方案详解
本文介绍了在 Golang 中执行 JavaScript 代码的四种方法:使用 `otto` 和 `goja` 嵌入式 JavaScript 引擎、通过 `os/exec` 调用 Node.js 外部进程以及使用 WebView 嵌入浏览器。每种方法都有其适用场景,如嵌入简单脚本、运行复杂 Node.js 脚本或在桌面应用中显示 Web 内容。
166 15
在 golang 中执行 javascript 代码的方案详解
|
4月前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
97 3
|
4月前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例

热门文章

最新文章