首页 > 其他分享 >分享一个关于网页上无法复制内容的处理技巧

分享一个关于网页上无法复制内容的处理技巧

时间:2023-07-24 19:45:37浏览次数:35  
标签:copy 网页 ele 复制 CSDN 冒泡 内容 分享

  最近有朋友吐槽CSDN连个框选代码、复制功能都要登录才能使用,之前也有听到过类似的吐槽,这对于很多面向百度开发的程序员并不友好,于是想了个办法。

  以CSDN为例,当需要复制CSDN上的内容是,可以先在开发者工具的控制台中输入下面的代码执行一遍,就可以使用框选复制了:  

    document.querySelectorAll('*').forEach(ele=>{
        ele.style.userSelect = 'text'
        ele.addEventListener('copy', e => e.stopPropagation())
    })

  其实像CSDN这样需要一些比如登录、会员等权限才允许复制的场景,多数是在内部文章节点监听了copy事件,既然这样,那我们直接在copy的时候直接阻止冒泡就可以了,如果需要,也可以在捕捉阶段进行阻止冒泡

  此外,你是否遇到过你复制内容,但是复制的内容中还包含作者的一些信息,比如复制的文章地址等,其实上面这段代码也能解决这个问题。

  

标签:copy,网页,ele,复制,CSDN,冒泡,内容,分享
From: https://www.cnblogs.com/shanfeng1000/p/17498014.html

相关文章

  • 网页性能管理详解
    你遇到过性能很差的网页吗?这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。网页性能管理详解你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢?本文将详细介绍......
  • 响应式网页设计应该注意的9个原则
    响应式网站越来越受到大家的欢迎,有利也有弊的因素。它没有固定的页面尺寸、没有毫米或英寸,没有任何物理限制,让人感到无从下手。下面就和大家分析如何运用响应式web设计的各项基本原则来实现。为了简单起见,就说说响应式网站的布局。希望对你有所受益。1、Web字体Vs系统字体想让自......
  • 设计师必读的15个响应式网页设计教程
    @陈子木 响应式设计是由著名网页设计师EthanMarcotte在2010年5月提出的设计概念,随后席卷前端和设计领域,成为了如今网页设计的大趋势。正如同Ethan所说:“响应式网站设计提供了一种全新的选择,这种基于栅格布局和CSS3的流动性网页设计,可以让网页随着屏幕变化而响应。这是一种更为统......
  • MySQL 主从复制与读写分离
    目录一、前言二、MySQL主从复制1.MySQL的复制类型2.MySQL主从复制的工作过程3.数据库主从数据不一致解决方案4.MySQL从服务器挂了恢复后怎么保证数据同步?5.半同步复制什么情况下会降为异步复制?什么时候又会恢复同步复制?三、MySQL主从复制延迟原因和优化方法1.主从复制延......
  • 解决tyopora传图片到博客园的问题(本地图片无法直接复制)
    1.问题我们这里的是本地路径,但我们需要html路径解决方法见https://www.bilibili.com/video/BV1Rv4y1Y7KH?p=5&vd_source=f6ddd7329bd73c42abb316ba2331ff7b2.解决方法dotnet-cnblogproc-f1.启用.NET...3.5服务2.安装指定文件3.管理员身份打开终端配置1.博客ID2.......
  • linux 主从复制和读写分离
    企业中高并发时,为了追求性价比,MySQL必须采用主从复制和读写分离,这样可以提供性能和高可用。目录一、主从复制原理二、主从复制实验三、MySQL读写分离四、读写分离实验五、总结      一、主从复制原理  1MySQL的复制类型 基于语句的复制(STATEMENT,......
  • mysql如何减少主从复制延迟
    如果延迟比较大,就先确认以下几个因素: 从库硬件比主库差,导致复制延迟 主从复制单线程,如果主库写并发太大,来不及传送到从库,就会导致延迟。更高版本的mysql可以支持多线程复制。慢sql语句过多网络延迟master负载(主库读写压力大,导致复制延迟,架构的前端要加buffer及缓存层) ......
  • 设计模式:可复用面向对象软件的基础 pdf电子书分享
    《设计模式:可复用面向对象软件的基础》是引导读者走出软件设计迷宫的指路明灯,凝聚了软件开发界几十年设计经验的结晶。四位顶尖的面向对象领域专家精心选取了最具价值的设计实践,加以分类整理和命名,并用简洁而易于重用的形式表达出来。本书已经成为软件开发人员的圣经和词典,书中定......
  • 嵌入式系统设计师考试攻略分享
    liwen012023.07.20前言7月20日开始,可以查询2023年的嵌入式系统设计师的考试成绩了,该考试有上午和下午共两科,每科满分75分,两科同时达到45分为及格通过。我的成绩是上午45分,下午61分,刚好压线通过,这里分享一下我的考试和备考经验,以供参考。(一)这是个什么考试?全国计算机技术与......
  • idea好用插件分享
    今天看见一个有趣的文章,我立马试了试文章说的插件,看起来不错。第一个:RestfulTool可以当postman使用还可以快速找到接口。第二个:Translation  翻译插件......