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


@漏刻有时

相关推荐
昵称画1 小时前
交接班记录电子化:三班之间的信息不漏
开发语言·数据库·人工智能·低代码·php
缓慢更新2 小时前
审批的加签与会签:多人意见怎么合
android·java·数据库·低代码·rxjava
跨境联盟3 小时前
大健康实体如何搭建产品差异化:对比普通营养品与合规跨境膳食补充剂服务模式
数据库·ai·健康医疗·健康管理·精准营养
有想法的py工程师3 小时前
PostgreSQL EXPLAIN中的Cost模型分析(random_page_cost参数):优化器眼中的代价世界与执行计划生成
数据库·postgresql
前进的李工3 小时前
飞书企业知识库设计+后端高频八股
数据库·redis·后端·mysql·性能优化·飞书·rag
泡海椒4 小时前
JQuick-SQL CSV 文件数据接入:转换为内存表后再查询
数据库·sql
为思念酝酿的痛5 小时前
MySQL数据类型
数据库·mysql
泡海椒6 小时前
JQuick-SQL 与关系型数据库集成:应用层读取后注册查询
数据库·sql
Carol06306 小时前
上肢及肩肘关节
java·服务器·数据库
程序员塔塔喵6 小时前
【MySQL篇|第二篇】慢SQL及其优化手段
sql·mysql·慢sql优化