javascript禁止鼠标右键和复制功能

要禁止鼠标右键和复制功能,可以编写如下的封装函数:

javascript 复制代码
function preventDefaultCopy(event) {
  // 禁止右键 菜单和复制
  event.preventDefault();
  event.stopPropagation();
  return false;
}

// 在需要禁止复制的元素上添加该事件监听器
element.addEventListener('contextmenu', preventDefaultCopy);

这个函数通过监听右键 菜单事件(contextmenu),在事件触发时调用 preventDefault() 和 stopPropagation() 方法,禁止了右键 菜单和复制功能的默认行为。将该函数添加到需要禁止复制的元素的事件监听器中即可实现禁止复制功能。

其他方法可以禁止鼠标右键和复制功能

  1. 禁止右键菜单:

    • oncontextmenu="return false;":这会禁止右键 菜单弹出。
    • oncontextmenu="window.event.returnValue=false;":与上一种方法类似,也是禁止右键 菜单弹出。
    • oncontextmenu="event.preventDefault();":同样可以禁止右键 菜单弹出。
  2. 禁止复制:

    • oncopy="return false;":这会禁止复制操作。
    • oncopy="document.selection.empty();":与方法一相似,也是禁止复制操作。
    • oncopy="navigator.userAgent='';":通过设置 userAgent 为空字符串,这可以禁止复制操作。
  3. 同时禁止右键菜单和复制:

    • oncontextmenu="return false;" oncopy="return false;":在同一个元素上同时设置这两种事件,可以同时禁止右键菜单和复制操作。

这些方法可以在 HTML 标签中使用,比如 <div oncontextmenu="return false;"> 或 <body oncontextmenu="return false;" oncopy="return false;">,或者在 JavaScript 中使用,比如 element.oncontextmenu = function(e) { e.preventDefault(); e.stopPropagation(); return false; }。但请注意,这些方法可能会影响用户体验,因此应谨慎使用。


@漏刻有时

相关推荐
Lysander.Jovian26 分钟前
mysql数据库基本使用
mysql
红红谈说29 分钟前
标签化推送与已读统计怎么做?一次通知链路的工程复盘
数据库·消息推送·数字乡村·集合运算·已读回执·标签体系·写入放大
Shadow(⊙o⊙)1 小时前
MySQL索引
数据库·mysql
fb_123452 小时前
MySQL运维实战:备份恢复+主从复制+读写分离+MHA高可用(超详细手把手教程)
运维·mysql·oracle
倔强的石头_3 小时前
多环境配置治理:开发、测试、生产连接信息如何隔离
数据库
杨云龙UP3 小时前
一次数据库查询缓慢故障复盘:大表数据增长、SQL全表扫描导致系统响应异常
linux·运维·服务器·数据库·sql·mysql
stark张宇3 小时前
从页、区、段到 B+Tree:InnoDB 表空间如何组织数据?
mysql
2501_933670793 小时前
2027 应用统计学秋招选岗指南:统计、SQL、业务指标如何对应岗位
数据库·sql
Alice-YUE4 小时前
向量数据库选型实战:Chroma/Qdrant/Milvus/PgVector 怎么选
数据库·milvus·向量数据库·chroma·rag·qdrant
invicinble4 小时前
python 编程语言 认识维度
开发语言·数据库·python