网页禁止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("状态", "正在复制!!!");:
这行代码在控制台输出“状态”和“正在复制!!!”,用于调试或跟踪目的。
综上所述,当用户尝试在网页上复制内容时,这段代码会阻止默认的复制操作,并将“不能复制,打钱!!!”这段文本复制到剪贴板,同时在控制台输出“状态”和“正在复制!!!”。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!