如何禁止网页复制粘贴?我学fei了

对于禁止网页复制粘贴,也许你并不陌生。一些网页是直接禁止复制粘贴;一些网页,则是要求登陆后才可复制粘贴;还有一些网站,复制粘贴时会带上网站的相关来源标识信息。

  • 如何禁止网页复制粘贴

    const html = document.querySelector('html');
    html.oncopy = () => {
    alert('你复想制我呀');
    return false;
    };
    html.onpaste = () => false;
  • 在复制时做些别的操作,比如跳转登陆页面

    const html = document.querySelector('html');
    html.oncopy = (e) => {
    console.log(e);
    // 比如指向百度或者登陆页
    // window.location.href='http://www.baidu.com';
    };
    html.onpaste = (e) => {
    console.log(e);
    };
  • 如何使用 js 设置/获取剪贴板内容

    //设置剪切板内容
    document.addEventListener('copy', () => {
    const clipboardData =
    event.clipboardData || event.originalEvent?.clipboardData;
    clipboardData?.setData('text/plain', '不管复制什么,都是我!');
    event.preventDefault();
    });
    //获取剪切板的内容
    document.addEventListener('paste', () => {
    const clipboardData =
    event.clipboardData || event.originalEvent?.clipboardData;
    const text = clipboardData?.getData('text');
    console.log(text);
    event.preventDefault();
    });

有什么用

  • 对于注册输入密码等需要输入两次相同内容的场景,应该是需要禁止粘贴的,这时候就可以禁止对应输入框的复制粘贴动作。
  • 登陆才能复制。很多网站上的页面内容是不允许复制的,这样可以防止用户或者程序恶意的去抓取页面数据
本作品采用《CC 协议》,转载必须注明作者和本文链接
Luson
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 9

F12呢

2年前 评论
小李世界 2年前
Luson (楼主) 2年前
她来听我的演唱会 2年前
yaoxs 2年前
美国总统 2年前
美国总统 2年前
chowjiawei

是呀 f12呢 他们都是一句话拆几个字 防止你复制:意思是你复制吧 累死你 还不如打呢 哈哈

2年前 评论

推荐一个谷歌浏览器插件

SuperCopy

file 正常百度wk也可以复制到

2年前 评论
deatil 2年前
ljheisenberg 2年前

防止复制的一般都打开几次后看到就不会再点了吧

2年前 评论

把网站的 JavaScript 禁用掉,啥都不好使,该怎么复制怎么复制

2年前 评论
deatil 2年前
ljheisenberg 2年前

对的 同楼上,禁用js

2年前 评论

const clipboardData = event.clipboardData || event.originalEvent?.clipboardData;这一句啥意思,谁能解释一下

2年前 评论

截图,图片转文字

2年前 评论
最闲的码农 (作者) 2年前

试试这个有没用 破解复制

javascript:!function e(t){function n(){}function o(e){e[i].removeChild(e)}function r(e){return[].slice.call(t.querySelectorAll(e))}function c(t){function n(){s(function(){if(!o)try{var n=t.contentDocument;n.body.childNodes.length&&(o=1,e(n))}catch(e){o=0}},100)}al;var o;n(),t.onload=n}for(var i='parentNode',l='forEach',a='contextmenu dragstart selectstart select copy beforecopy mouseup mousedown'.split(' '),u=setTimeout(n,0);u>=0;u--)clearTimeout(u);for(u=setInterval(n,1e8);u>=0;u--)clearInterval(u);var s=setTimeout;setTimeout=setInterval=n,r('script')l;var m=[];r('iframe,frame')l;var f=t.documentElement.innerHTML;t.open(),t.write(''),t.close(),t.documentElement.innerHTML=f,r('script')l,r('')l,c(t),al;var p=t.createElement('style');p.innerHTML='{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important;}',t.body.appendChild(p)}(document);

2年前 评论
Luson (楼主) 2年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!