Bootstrap

oncopy 拷贝复制事件与禁止复制

如何实现整个网页复制时跳转到微信

   $(function(){
        document.body.oncopy =function(){
            window.location.href='weixin://';  //location.herf=指向一个链接或应用
      }
    });


禁止复制

<input type="text"  οncοpy="myFunction" value="拷贝文本" >

当在<input>元素上拷贝文本时会执行JavaScript。

οncοpy="document.selectioni.empty()"和οncοpy="return false"都可以实现“禁止复制”。


   在Javascript中,有相应的事件可以监听复制和粘贴,那就是oncopy和onpaste。

oncopy:
  • demo:
    • [javascript]  view plain  copy
      1. <body οncοpy="alert('不能复制');return false;">  
      2.     你能复制我吗?  
      3. </body>  


  • 使用场景:
    • 很多网站上的页面内容是不允许复制的,这样可以防止用户或者程序恶意的去抓取页面数据。以前的起点阅读小说时,就是不允许复制内容,现在更狠,把左键选择内容和右键菜单也都屏蔽了。

onpaste:
  • demo
    • [javascript]  view plain  copy
      1. <input type="text" nane="cardNum" οnpaste="return false;" />  
  • 使用场景:
    • 网银转账时,输入对方卡号,需要输入两次,通常第二次输入的输入框是不允许粘贴的,这样就在一定程度上保证了卡号的准确性。

;