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