1. 程式人生 > >[轉] html遮蔽右鍵、禁止複製

[轉] html遮蔽右鍵、禁止複製

眾所周知,要保護一個頁面,最基礎的就是要遮蔽右鍵。而現在網頁上用得最多的是function click(),即下面這段程式碼:  

<script>
function click(){ 
  if(event.button==2){ 
    alert( '本網站歡迎您 !!'); 
  } 
} 
document.onmousedown=click
</script>

但是這種遮蔽方法的破解方法也是眾所周知的。那就是連續單擊滑鼠左鍵和右鍵便又可以看到右鍵選單了。但是,我見過一種很好的遮蔽右鍵的方法。它的原理和上面所說的不同。它並不是用JS來編寫的指令碼,而是利用定義網頁屬性來起到限制的作用。而且,在遮蔽中應該儘量的避開使用JS指令碼。因為只要瀏覽者把IE裡的javascript指令碼禁用了。那麼一切遮蔽都白費。 

  那麼繼續說那種通過修改網頁屬性的遮蔽右鍵的方法。這種方法利用了HTML裡的〈body〉來作修改,它只有以下短短的一行程式碼: 


<body oncontextmenu=self.event.returnValue=false>

這裡,定義了oncontextmenu。使得右鍵的值為false,起到了遮蔽右鍵的效果。現在,再試試看剛才的破解方法,已經不行了。左右鍵連擊已經不能再開啟右鍵選單。不但是這個,再試試看其他的方法。無論你怎樣的亂點,右鍵都沒有用。因為在這個網頁裡,右鍵已經不存在了。對於一個不存在的功能鍵,你又能做什麼呢?

  但是,遮蔽了右鍵還不能解決問題。如果我要複製一段文字,或是一張圖片。那麼,把它選中後用ctrl+C 再用 ctrl+V不就可以複製貼上了嘛。對了,接下來要講的,就是遮蔽左鍵(什麼?遮蔽左鍵?那這個網頁不就差不多廢掉了?別急,沒說完呢,左鍵只有一項功能是很討厭的)的選定功能。 

  那麼,如上所說,用JS來遮蔽是沒有用的,治標不治本的。那麼,我們就還用網頁的最基礎的語言:HTML來定義吧。還是老招數,定義〈body〉。這次用的引數是:onselectstart。就是左鍵選定的引數。程式碼如下: 

<body onselectstart="return false">
這樣,左鍵選定功能就給輕易遮蔽了。原理和上面的一樣。現在,再用你的左鍵選擇任意內容把,已經沒有用了。自然也不能ctrl + C,ctrl +V了。那麼,現在我們來把這兩部分合並起來。徹底控制左右鍵!: 
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">















引用:http://www.cnblogs.com/yuxiaoqi/p/5216365.html