javascript實現禁止復制網頁內容
更新時間：2014年12月16日 10:36:07 投稿：hebedich
這篇文章主要介紹了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;
}
});
// 設置CSS禁止選擇（如果寫了下面的CSS則不需要這一段代碼，新版瀏覽器支持）
$(function() {
$("body").css({
"-moz-user-select":"none",
"-webkit-user-select":"none",
"-ms-user-select":"none",
"-khtml-user-select":"none",
"-o-user-select":"none",
"user-select":"none"
});
});
防止禁用JavaScript后失效，可以寫在CSS中（新版瀏覽器支持，并逐漸成為標準）：
復制代碼 代碼如下:
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屬性 */
}
代碼很簡單，實現的功能卻很實用，不過要提示的是，在這個自由的互聯網上其實做禁止復制不是件很值得推廣的事，大家依情況實用吧。
相關文章
開啟Javascript中apply、call、bind的用法之旅模式
在Javascript中，Function是一種對象。Function對象中的this指向決定于函數被調用的方式,使用apply，call 與 bind 均可以改變函數對象中this的指向。2015-10-10
事件就是用戶或瀏覽器自身執(zhí)行的某種動作。比如說click,mouseover，都是事件的名字。而相應某個事件的函數就叫事件處理程序（或事件偵聽器）。為事件指定處理程序的方式有好幾種2012-06-06
這篇文章主要介紹了JavaScript中new操作符的解析和實現，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下2020-09-09
Echarts官網上提供了很多圖表例子供我們白嫖,有時候遇到數據量比較大時,它會向后臺請求json文件來加載圖表數據,這篇文章主要給大家介紹了echarts讀取JSON文件并畫圖的相關資料,需要的朋友可以參考下2023-06-06
在 javascript 中，可以使用 == 來比較兩個數據是否相等，如果兩個數據的類型不同，那么，將在進行轉換后進行比較2010-04-04
分為改變直接樣式，改變className和改變cssText三種，需要的朋友可以參考下2013-05-05
鼠標放到指定的行上自動彈出當前的個數，從0開始，這個功能方便我們在tab切換中定位2008-10-10
js產生隨機數通常是使用javascript的Math.random()函數,下面這篇文章主要給大家介紹了關于JS生成隨機數的多種方法(不同范圍、類型的隨機數)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了JS寫滑稽笑臉運動效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了JavaScript操作class和style樣式的相關資料,需要的朋友可以參考下2016-02-02