網頁禁止復制的實現方法
我们经常在某些网站上复制内容的时候发现，竟然复制不了。友好的交互还会弹窗告诉你，登陆后才能复制哦。那么网站是如何阻止用户复制的呢？
1.JavaScript脚本的方式
通过JavaScript脚本限制复制功能是最常用的方法，具体的实现方式有以下几种：
// 禁用右键菜单、复制、选择$(document).bind("contextmenu copy selectstart", function() { return false;
});// 禁用Ctrl+C和Ctrl+V（所有浏览器均支持）$(document).keydown(function(e) { if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { return false;
}
});2.CSS的方式
使用CSS能够保证在用户禁用JavaScript脚本的情况下，复制功能也会被禁止。实现方式如下：
body { -moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */}3.HTML属性的方式
HTML的标签提供了一些属性来禁用或开启复制功能。禁止复制和剪切：
oncopy="return false;"
oncut="return false;"
实现方式如下：
<body oncopy="return false" oncut="return false;" onselectstart="return false" >
关于页面禁止复制的功能实现就介绍到这里了，欢迎你关注我的专栏。
作者：魏永_Owen_Wei
链接：https://www.jianshu.com/p/5550da3fad49
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持，我會繼續努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦