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; }。但请注意,这些方法可能会影响用户体验,因此应谨慎使用。


@漏刻有时

相关推荐
Hgfdsaqwr4 小时前
Django全栈开发入门:构建一个博客系统
jvm·数据库·python
charlotte102410244 小时前
数据库概述
数据库
清平乐的技术专栏5 小时前
HBase集群连接方式
大数据·数据库·hbase
ʚB҉L҉A҉C҉K҉.҉基҉德҉^҉大7 小时前
自动化机器学习(AutoML)库TPOT使用指南
jvm·数据库·python
哈__7 小时前
多模融合 一体替代:金仓数据库 KingbaseES 重构企业级统一数据基座
数据库·重构
老邓计算机毕设7 小时前
SSM医院病人信息管理系统e7f6b(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面
数据库·医院信息化·ssm 框架·病人信息管理
2601_949613027 小时前
flutter_for_openharmony家庭药箱管理app实战+药品分类实现
大数据·数据库·flutter
dyyx1118 小时前
使用Scikit-learn进行机器学习模型评估
jvm·数据库·python
踢足球09298 小时前
寒假打卡:2026-01-27
数据库
不想写bug呀8 小时前
MySQL索引介绍
数据库·mysql