JS實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能
更新時(shí)間：2016年10月15日 18:30:05 投稿：mrr
遇到網(wǎng)頁上有精美圖片或者精彩文字想保存時(shí)，通常大家都是選中目標(biāo)后按鼠標(biāo)右鍵，在彈出菜單中選擇“圖片另存為”或“復(fù)制”來達(dá)到我們的目的。但是，目前有許多網(wǎng)頁都屏蔽了鼠標(biāo)右鍵，那么用js如何實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能呢？下面小編給大家介紹下
遇到網(wǎng)頁上有精美圖片或者精彩文字想保存時(shí)，通常大家都是選中目標(biāo)后按鼠標(biāo)右鍵，在彈出菜單中選擇“圖片另存為”或“復(fù)制”來達(dá)到我們的目的。但是，目前有許多網(wǎng)頁都屏蔽了鼠標(biāo)右鍵，那么用js如何實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能呢？
1.與禁止鼠標(biāo)右鍵相關(guān)的JS說明
<script type="text/javascript">
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</script>
2.禁止鼠標(biāo)右鍵火狐失靈
<!DOCTYPE html>
<html>
<head>
<title>禁止鼠標(biāo)右鍵</title>
<meta charset="utf-8">
</head>
<body>
<div class="poo">這個(gè)頁面不能使用鼠標(biāo)右鍵</div>
<!-- 禁止鼠標(biāo)右鍵 -->
<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實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的，在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
其實(shí)這個(gè)example也很簡單， 就是根據(jù)where后的條件批量修改element的屬性，此處為Img元素2010-05-05
js中settimeout方法加參數(shù)的使用實(shí)例
這篇文章主要介紹了js中settimeout方法加參數(shù)的使用,需要的朋友可以參考下2014-02-02
javascript圖像處理—邊緣梯度計(jì)算函數(shù)
上一篇文章，我們講解了圖像處理中的膨脹和腐蝕函數(shù)，這篇文章將做邊緣梯度計(jì)算函數(shù)，感興趣的朋友可以了解下2013-01-01
javascript中驗(yàn)證大寫字母、數(shù)字和中文
本文為大家介紹下使用javascript驗(yàn)證大寫字母小寫字母，數(shù)字和中文，具體示例如下2014-01-01
JS時(shí)間戳與日期格式互相轉(zhuǎn)換的簡單方法示例
這篇文章主要給大家介紹了關(guān)于JS時(shí)間戳與日期格式互相轉(zhuǎn)換的簡單方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要介紹了JS使用JSON作為參數(shù),結(jié)合實(shí)例形式分析了ajax傳遞json數(shù)據(jù)及數(shù)據(jù)處理的相關(guān)技巧,需要的朋友可以參考下2016-06-06
使用JS-SDK開發(fā)公眾號(hào)微信網(wǎng)頁的完整步驟
微信JS-SDK是微信公眾平臺(tái) 面向網(wǎng)頁開發(fā)者提供的基于微信內(nèi)的網(wǎng)頁開發(fā)工具包,下面這篇文章主要介紹了使用JS-SDK開發(fā)公眾號(hào)微信網(wǎng)頁的完整步驟,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
JavaScript中全局變量、函數(shù)內(nèi)變量以及常量表達(dá)式的效率測試
直接用字符串常量要比利用全局變量快，但創(chuàng)建正則表達(dá)式就比起用全局變量要慢上很多了。2009-11-11
Javascript實(shí)現(xiàn)重力彈跳拖拽運(yùn)動(dòng)效果示例
本文為大家詳細(xì)介紹下使用Javascript實(shí)現(xiàn)重力彈跳拖拽運(yùn)動(dòng)的具體調(diào)用方法，感興趣的朋友可以參考下哈2013-06-06
解構(gòu)賦值允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z法將數(shù)組和對(duì)象的屬性賦給各種變量。這篇文章主要介紹了ES6的解構(gòu)賦值的實(shí)例代碼 ,需要的朋友可以參考下2019-05-05