首页 > 其他分享 >js阻止右键复制

js阻止右键复制

时间:2024-08-19 10:27:20浏览次数:9  
标签:false js content 复制 右键 wrap copy stopPropagation

$(".article-content-wrap").unbind("copy").bind("copy", (function(e) {
    e.preventDefault()
    e.stopPropagation()
    event.clipboardData.setData("text/plain", "")
    Login() //这一句显示为弹出登录框之类的
    return false
})```

以下是来自ai的解释
1.$(".article-content-wrap") 选择页面上的一个或多个具有 .article-content-wrap 类名的元素。
unbind("copy") 解除先前绑定到该元素的 copy 事件(如果有的话)。
bind("copy", function(e) { ... }) 为该元素绑定一个新的 copy 事件处理程序,即用户尝试复制内容时触发的函数。

2.e.preventDefault()  阻止默认的复制操作,即不允许用户正常复制内容。

3.e.stopPropagation() 阻止事件冒泡,确保该事件不会传播到其他元素或触发其他事件处理程序。

4.event.clipboardData.setData("text/plain", "") 将剪贴板数据设置为空白字符串,进一步确保用户无法复制到任何内容。

5.Login() 调用一个名为 Login 的函数。通常,这个函数会弹出登录窗口或重定向到登录页面,提示用户登录。

6.return false 返回 false,相当于同时执行 e.preventDefault() 和 e.stopPropagation(),进一步确保阻止默认行为和事件传播。

标签:false,js,content,复制,右键,wrap,copy,stopPropagation
From: https://www.cnblogs.com/lybaobei/p/18366841

相关文章

  • 自制最简易版vue.js
    classMyVue{constructor(options){this.$el=document.querySelector(options.el)this.$data=options.datathis.$methods=options.methodsthis.init()this.compile(this.$el)}compile(node){letthat=thisnode.chi......
  • MySQL 组复制故障恢复的有效策略
    没有MGR环境,只是学学别人经验。原文地址:https://www.percona.com/blog/effective-strategies-for-recovering-mysql-group-replication-from-failures/ 组复制是一种容错/高可用复制拓扑结构,可确保在主节点宕机时,由其他候选成员或辅助成员之一接管,从而使写入和读取操作不间断......
  • 深入理解 `@DateTimeFormat` 和 `@JsonFormat` 注解
    前言在Java应用程序中,处理日期和时间是一个常见的需求。无论是从数据库读取还是通过API接收数据,正确的日期和时间格式都是确保应用正确运作的关键因素。本文将深入探讨两个常用的注解——@DateTimeFormat和@JsonFormat——以及它们如何帮助我们在Spring和使用Jackson库的应......
  • nginx 限流,并且返回json格式数据
     限流一般有三种:计数器、漏桶算法、令牌桶算 限流配置http{limit_req_zone$binary_remote_addrzone=myRateLimit:10mrate=1r/s;... location/{limit_reqzone=myRateLimitburst=1nodelay;... 第1个参数:limit_req_zon......
  • 240815-PostgreSQL自带逻辑复制简单使用
    PostgreSQL自带逻辑复制简单使用一、逻辑复制说明角色IP端口数据库名用户名版本发布端192.168.198.1658432pubdbrepuserPostgreSQL13.13订阅端192.168.198.1628432subdbrepuserPostgreSQL13.13二、搭建逻辑复制环境2.1发布端配置发布端post......
  • JSP基于Java的学生综合测评管理系统7pc27程序+源码+数据库+调试部署+开发环境
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表系统功能:学生,教师,课程类型,课程信息,权重设置,思想道德,拓展素质,课程成绩,总成绩信息,考勤信息技术要求:开发语言:JSP前端使用:HTML5,CSS,JSP动态网页技术后......
  • JSP基于java的ktv管理系统s0wdw--程序+源码+数据库+调试部署+开发环境
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表系统功能:用户,房间展示,房间类型,房间预定,商品类型,零食酒水,开房信息开题报告内容一、项目背景与意义随着娱乐产业的蓬勃发展,KTV已成为人们休闲娱乐的重要场......
  • JSP基于java的曙光医院床位管理系统的设计与开发043ex
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表系统功能:医生,公告信息,科室信息,床位信息,病人信息,住院信息,出院信息,科室类型,病房类型开题报告内容一、研究背景与意义随着医疗需求的日益增长,医院床位管......
  • 短视频 IP实战课,独创一键复制学习秘籍,转战新领域,月赚五万轻松行
    1.引言随着数字媒体的快速发展,短视频已成为内容传播和个人品牌建设的重要平台。对于寻求职业转型的专业人士而言,短视频IP运营不仅提供了灵活的工作时间,还有望带来可观的经济回报和与行业精英交流的机会。然而,这一新兴领域也存在诸多挑战,如行业门槛、专业技能缺乏等。2.短......
  • 国内Vue.js前端开发的未来:机会与挑战分析
    引言Vue.js是一款渐进式JavaScript框架,因其简单易用、灵活性强而备受开发者青睐。自2014年发布以来,Vue.js在国内外社区中迅速崛起,成为了热门的前端框架之一。本文将深入分析当前国内Vue.js开发的市场行情、未来发展趋势,以及大龄程序员如何在这一领域实现职业提升和转型。......