网页禁止copy(复制)的解决方案

当我们浏览些网页时回遇到一些网页是不能copy的,这样的体验就一点都友好。接下来就介绍一下如何解除这种限制!
首先我们先打开调试窗口---->Elements---->EventListeners---->找到copy事件,把他干掉就🆗了

关于禁止网页复制是如何实现的

document.addEventListener('copy',(e)=>{
e.preventDefault();//阻止复制的行为
e.clipboardData.setData('text/plain','对方复制时返回的值');//当复制时返回给定的数据
console.log("状态","正在复制!!!");
})

解释:
document.addEventListener('copy', (e) => {...}):

document 是指整个网页文档。

addEventListener 是一个方法,用于给指定的元素(在这里是document)添加事件监听器。

'copy' 是要监听的事件名称,表示复制事件。

(e) => {...} 是一个箭头函数,其中e是传递给函数的事件对象。

e.preventDefault();:

调用preventDefault方法阻止事件的默认行为。在这种情况下,它会阻止默认的复制操作。

e.clipboardData.setData('text/plain', '值'):

e.clipboardData 是一个对象,它提供了对剪贴板数据的读写访问。

setData 是clipboardData对象的一个方法,用于设置剪贴板的数据。

'text/plain' 指定了数据的MIME类型,即纯文本。

'不能复制,打钱!!!' 是要复制到剪贴板的文本内容。

console.log("状态", "正在复制!!!");:

这行代码在控制台输出“状态”和“正在复制!!!”,用于调试或跟踪目的。

综上所述,当用户尝试在网页上复制内容时,这段代码会阻止默认的复制操作,并将“不能复制,打钱!!!”这段文本复制到剪贴板,同时在控制台输出“状态”和“正在复制!!!”。

posted @   眰恦~  阅读(342)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示