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

7 月282013

作者：超級efly 發布：2013-07-28 07:48 分類：網絡閱讀：9,468

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

教程

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-hant/html-stop-right-click/

教程

預覽

參考

總結

歷史上的今天

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

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