DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS實現禁止鼠標右鍵的功能
JS實現禁止鼠標右鍵的功能
編輯:關於JavaScript     

遇到網頁上有精美圖片或者精彩文字想保存時,通常大家都是選中目標後按鼠標右鍵,在彈出菜單中選擇“圖片另存為”或“復制”來達到我們的目的。但是,目前有許多網頁都屏蔽了鼠標右鍵,那麼用js如何實現禁止鼠標右鍵的功能呢?

1.與禁止鼠標右鍵相關的JS說明

<script type="text/javascript">
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</script>

2.禁止鼠標右鍵火狐失靈

<!DOCTYPE html>
<html>
<head>
<title>禁止鼠標右鍵</title>
<meta charset="utf-8">
</head>
<body>
<div class="poo">這個頁面不能使用鼠標右鍵</div>
<!-- 禁止鼠標右鍵 -->
<script type="text/javascript">
if (window.Event){ 
document.captureEvents(Event.MOUSEUP); 
}
function nocontextmenu(){ 
event.cancelBubble = true 
event.returnValue = false; 
return false; 
} 
function norightclick(e) { 
if (window.Event) {
if (e.which == 2 || e.which == 3) 
return false; 
} else if (event.button == 2 || event.button == 3){ 
event.cancelBubble = true 
event.returnValue = false; 
return false; 
}
} 
document.oncontextmenu = nocontextmenu; // for IE5+ 
document.onmousedown = norightclick; // for all others 
</script> 
</body>
</html>

3.禁止選擇文本

<script type="text/javascript">
var omitformtags=["input", "textarea", "select"];
omitformtagsomitformtags=omitformtags.join("|");
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1){
return false;
}
}
function reEnable(){
return true;
}
if (typeof document.onselectstart!="undefined"){
document.onselectstart=new Function ("return false");
}else{
document.onmousedown=disableselect;
document.onmouseup=reEnable;
}
</script>

4.屏蔽ctrl按鍵

document.onkeydown=function(){
if(event.ctrlKey)return false;
}

以上所述是小編給大家介紹的JS實現禁止鼠標右鍵的功能,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的,在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved