遇到網頁上有精美圖片或者精彩文字想保存時，通常大家都是選中目標後按鼠標右鍵，在彈出菜單中選擇“圖片另存為”或“復制”來達到我們的目的。但是，目前有許多網頁都屏蔽了鼠標右鍵，那麼用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實現禁止鼠標右鍵的功能，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對網站的支持！