使訪客不能在網頁上按下右鍵的方法

Jul282013

作者：超級efly 發布：2013-07-28 07:48 分類：網路閱讀：3,098 21條評論

某些網站為了防止「侵權」，希望關閉右鍵，所以今天就教大家如何添加一個使各種瀏覽器都無法按下（屏蔽）右鍵的方法

教程

1、在你的網站 <head> 內添加下列代碼，但不要添加到.css文件內（對於Wordpress來說就是添加到「頁首(header.php)」文件內）

<style type="text/css">
	body {
		-moz-user-select : none;
		-webkit-user-select: none;
	}
</style>

body {

-moz-user-select : none;

-webkit-user-select: none;

}

</style>

2、在把下列代碼添加到 <body> 內的任何地方（對於Wordpress來說最好也是添加到添加到「頁首(header.php)」文件內一遍全站加載）

<script type="text/javascript">
//<!--
function iEsc(){ return false; }
function iRec(){ return true; }
function DisableKeys() {
	if(event.ctrlKey || event.shiftKey || event.altKey) {
		window.event.returnValue=false;
		iEsc();
	}
}
document.ondragstart=iEsc;
document.onkeydown=DisableKeys;
document.oncontextmenu=iEsc;
if (typeof document.onselectstart !="undefined")
	document.onselectstart=iEsc;
else{
	document.onmousedown=iEsc;
	document.onmouseup=iRec;
}
function DisableRightClick(qsyzDOTnet){
	if (window.Event){
		if (qsyzDOTnet.which == 2 || qsyzDOTnet.which == 3)
			iEsc();
	}else if (event.button == 2 || event.button == 3){
		event.cancelBubble = true
		event.returnValue = false;
		iEsc();
	}
}
//-->
</script>

//<!--

function iEsc(){ return false; }

function iRec(){ return true; }

function DisableKeys() {

if(event.ctrlKey || event.shiftKey || event.altKey) {

window.event.returnValue=false;

iEsc();

}

document.ondragstart=iEsc;

document.onkeydown=DisableKeys;

document.oncontextmenu=iEsc;

if (typeof document.onselectstart !="undefined")

document.onselectstart=iEsc;

else{

document.onmousedown=iEsc;

document.onmouseup=iRec;

}

function DisableRightClick(qsyzDOTnet){

if (window.Event){

if (qsyzDOTnet.which == 2 || qsyzDOTnet.which == 3)

iEsc();

}else if (event.button == 2 || event.button == 3){

event.cancelBubble = true

event.returnValue = false;

iEsc();

}

//-->

</script>

3、現在你按下右鍵，是不是沒反應啦！

預覽

點擊這裡

參考

禁止複製+鎖右鍵+禁止全選-IE﹑Firefox﹑Chrome﹑Safari﹑Opera

總結

1、這個方法應該能兼容大部分瀏覽器（我測試過IE、Safari、Chrome及Firefox，歡迎各位網友補充）

2、同樣這個方法還是「防君子不防小人」的，因為如果他真的想要拷貝，他還是會「千方百計」的找出方法

3、有問題可以回覆問我

PS：我覺得這個屏蔽右鍵的方法「嚴重」影響用戶體驗，所以並未在本站添加

歷史上的今天

2014年：禁止非中文用戶訪問WordPress登入頁面以防止暴力破解密碼（29條評論）

覺得這篇文章有用嗎？分享一下讓更多人受益吧！

本文固定鏈接：https://www.arefly.com/zh-tw/html-stop-right-click/

本文章由「超級efly」於2013年07月28日發表於「網路」分類

你可以發表評論，並在保留原文地址及作者的情況下引用到你的網站

轉載請註明：使訪客不能在網頁上按下右鍵的方法 | 暢想資源

關鍵字：HTML, 右鍵

[上一篇] 給WordPress顯示訪客留言次數

[下一篇] 使WordPress文章標題點擊顯示「載入中」

您可能還會對這些文章感興趣！

使訪客不能在網頁上按下右鍵的方法：目前有 21 條留言
訪客以 11：10 暫時領先博主

評論載入中，請稍等……

5樓
西貝部落格 ：

可以嘗試一下

2015-06-14 下午12:28 [回復]
4樓
qq374594 ：

QR那個難道不會出問題？

2013-08-11 下午8:02 [回復]
- 超級efly ：
  
  呃，難道這個和QR Code會有衝突
  
  2013-08-12 上午7:51 [回復]
  - qq374594 ：
    
    原先我部落格也弄個QR 不過調用Google的API 經常連接失敗... 導致圖片是個X
    
    2013-08-12 上午9:27 [回復]
    - 超級efly ：
      
      我看著Google的二維碼還挺正常的啊
      
      2013-08-12 上午11:53 [回復]
      - qq374594 ：
        
        中國大陸and 谷歌你懂得
        
        2013-08-12 下午1:46 [回復]
        
        超級efly ：
        
        對呀。。。
        
        2013-08-12 下午2:12 [回復]
地板
Lan Tian ：

查源代碼以及Ctrl+A，Ctrl+C秒殺一切

2013-07-29 下午8:12 [回復]
- 超級efly ：
  
  呃，似乎這個方法也把它屏蔽掉了。。。
  你試試看呢？https://www.arefly.com/go/http://demo.arefly.com/html-stop-right-click/
  
  2013-07-29 下午8:40 [回復]
板凳
經驗公式 ：

你是啥代碼高亮外掛啊

2013-07-29 上午10:55 [回復]
- 超級efly ：
  
  是使用的「Crayon Syntax Highlighter」外掛，這個高亮還不錯
  
  2013-07-29 上午10:59 [回復]
  - 經驗公式 ：
    
    我最近在換主題，打算換代碼高亮。就用這個好了~
    
    2013-07-29 上午11:55 [回復]
    - 超級efly ：
      
      對呀，這個高亮還挺不錯的
      
      2013-07-29 下午12:40 [回復]
      - 經驗公式 ：
        
        你有沒有遇到過某些文章頁面上代碼高亮框上方的工具欄不顯示工具的情況
        
        2013-07-30 下午10:28 [回復]
        
        超級efly ：
        
        好像沒有吧。。。
        
        2013-07-30 下午10:34 [回復]
沙發
Lan Tian ：

最煩這種東西，我想右鍵新標籤打開鏈接都不行

2013-07-28 下午4:00 [回復]
- 超級efly ：
  
  對呀，我也比較討厭這種東西
  
  2013-07-28 下午4:02 [回復]
  - go ：
    
    火狐可以用shift+右鍵破掉
    
    2013-08-02 上午10:58 [回復]
    - 超級efly ：
      
      Shift+右鍵是幹嘛的？
      PS：你用的什麼系統啊？
      
      2013-08-02 上午11:03 [回復]
      - go ：
        
        火狐瀏覽器，shift+右鍵出正常右鍵菜單
        
        2013-08-02 上午11:44 [回復]
        
        超級efly ：
        
        哇，真的嗎？那這怎麼都無法防備了。。。
        
        2013-08-02 上午11:45 [回復]