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


@漏刻有时

相关推荐
best_virtuoso2 分钟前
PostgreSQL PostGIS安装与配置,现有数据库启用PostGIS扩展
数据库·postgresql
橙汁味的风2 分钟前
3关系型数据库的SQL语言
数据库·sql
学编程的董3 分钟前
07 计算字段的创建与使用 - 数据转换的艺术
数据库·oracle
程序员云帆哥19 分钟前
MySQL JDBC Driver URL参数配置规范
数据库·mysql·jdbc
TDengine (老段)37 分钟前
TDengine 数学函数 FLOOR 用户手册
大数据·数据库·物联网·时序数据库·iot·tdengine·涛思数据
大气层煮月亮1 小时前
Oracle EBS ERP开发——报表生成Excel标准模板设计
数据库·oracle·excel
云和数据.ChenGuang1 小时前
达梦数据库的命名空间
数据库·oracle
三三木木七2 小时前
mysql拒绝连接
数据库·mysql
蹦跶的小羊羔2 小时前
sql数据库语法
数据库·sql
唐古乌梁海2 小时前
【mysql】InnoDB的聚簇索引和非聚簇索引工作原理
数据库·mysql