我們經(jīng)常在某些網(wǎng)站上復制內容的時候發(fā)現(xiàn)测秸,竟然復制不了疤估。友好的交互還會彈窗告訴你,登陸后才能復制哦霎冯。那么網(wǎng)站是如何阻止用戶復制的呢铃拇?
1.JavaScript腳本的方式
通過JavaScript腳本限制復制功能是最常用的方法,具體的實現(xiàn)方式有以下幾種:
// 禁用右鍵菜單沈撞、復制慷荔、選擇
$(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腳本的情況下,復制功能也會被禁止缠俺。實現(xiàn)方式如下:
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;"
實現(xiàn)方式如下:
<body oncopy="return false" oncut="return false;" onselectstart="return false" >
關于頁面禁止復制的功能實現(xiàn)就介紹到這里了贷岸,歡迎你關注我的專欄。