技巧-复制网页上的内容

170 阅读1分钟

平常我们复制网页上的内容时,总是弹出让你登录或者开vip的弹窗,又或者没反应,当你粘贴时发现是这个网页的登录网址。嘿嘿,我们玩浏览器的,还能让这个给难住吗?上号,看看怎么搞他!!

都说打不过就加入,我们先加入他,看看他是怎么实现的。

我们页面上有这么一段话

image.png 我们就来实现一下如何禁止复制!

const reproductionProhibited = () => {
  document.addEventListener("copy", (e) => {
    e.preventDefault(); //阻止默认行为
    console.log("开始复制");//点击复制时 触发这个方法
  });
};

有了这个方法,我们就可以在复制的时候,弹一个窗!

 document.addEventListener("copy", (e) => {
    e.preventDefault(); //阻止默认行为
    alert('想要吗?打钱')
  });

image.png

另外我们可以设置其复制内容

const reproductionProhibited = () => {
  document.addEventListener("copy", (e) => {
    e.preventDefault();
    e.clipboardData.setData("text/plain", "想P吃,快打钱!");
  });
};

这样就可以神不知鬼不觉地让他粘贴我们设置的内容了,哈哈哈哈😄🤣🤣🤣😀😇😅😌。咳咳,回归正传,这是原理原理,嗯,懂了就能搞事了,禁用,把copyban掉。

F12打开调试工具哈,选中这个文字元素,找到事件监听器Event Listeners,再找到copy,把它移除就Okkk了😎。粘个图给你看啊。

image.png