栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

chrome调试键盘事件&使页面不可复制的方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

chrome调试键盘事件&使页面不可复制的方法

遇到一个网站,想要对其内容进行复制,发现复制不了。

在网上找了一圈:如何在页面中禁用复制。发现是用 js 来对按键进行监听,如果发现用户按下了Ctrl + c则阻止掉该事件,于是用户就不能复制了。

后来发现一个更简单的方法,就是在你不希望用户复制的地方,比如说某个 div 标签上,加入oncopy="return false"和oncut="return false"这两个属性,在该 div 中的内容就不能被复制了。

我之前是不知道这两个属性可以阻止用户复制的,那我是怎么找到的呢?

因为这个网站里面的 js 是经过压缩的,我也不方便找到对应的代码来打断点调试,也不知道怎么调试键盘事件,后来还是在 Chrome devolopers 这个网站上找到了灵感:https://developers.google.com/web/tools/chrome-devtools/javascript/?hl=zh-cn

打开 Chrome 控制台,进入 Sources 选项,面板上有 Event Listener Breakpoints 这个选项卡,里面是一些事件监听的选项。

在我这个需求里,我只需要找到复制这个操作,于是我找到了 Clipboard 这个选项下面的 copy ,给它打上勾。

回到页面上按Ctrl + c,它就打断点标记到触发该事件的地方,我发现在这个 div 里面,有oncopy="return false"和oncut="return false"这两个属性,我改成return true,于是就可以愉快地复制了。

同时也学到了一个如何阻止用户复制页面内容的简单的方法。

你学到了吗?



作者:kybetter
链接:https://www.jianshu.com/p/3c6c91d0b490


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246871.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号