使用比較暴力的手段禁用鼠標(biāo)右鍵是不人性化的，所以最好還是有選擇性的禁用鼠標(biāo)右鍵。
代碼實(shí)例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.45it.com/" /> <title>武林網(wǎng)</title> <style type="text/css">html,body{height:100%}div{width:150px;height:50px;background:#CCC;}</style><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript"> $(document).ready(function(){function jQuery_isTagName(ev,arr){ev=$.event.fix(ev);var target=ev.target||ev.srcElement;if(arr&&$.inArray(target.tagName.toString().toUpperCase(),arr)==-1){return false;}return true;}$(document).bind("contextmenu",function(ev){if(!jQuery_isTagName(ev,['INPUT','TEXTAREA'])){ev.preventDefault();return false;}return true;})})</script> </head> <body><div id="thediv"></div> <textarea></textarea></body> </html>上面的代碼實(shí)現(xiàn)了我們的要求，下面對代碼的實(shí)現(xiàn)過程做一下介紹。
代碼注釋:
1.$(document).ready(function(){})，當(dāng)文本結(jié)構(gòu)完全加載完畢再去執(zhí)行函數(shù)中的代碼。
2.function jQuery_isTagName(ev,arr){},此函數(shù)可以判斷元素是否在可以使用右鍵菜單之列，第一個參數(shù)是事件對象，第二個參數(shù)是一個數(shù)組，數(shù)組元素是可以使用右鍵菜單的標(biāo)簽名稱。
3.ev=$.event.fix(ev)，實(shí)現(xiàn)事件對象在各個瀏覽器的兼容性，fix()函數(shù)是jquery內(nèi)部使用的，當(dāng)然也可以這么用。
4.var target=ev.target||ev.srcElement，獲取事件源對象。
5.if(arr&&$.inArray(target.tagName.toString().toUpperCase(),arr)==-1){return false;}，判斷指定的標(biāo)簽元素是否在數(shù)組中，如果數(shù)組中沒有指定的標(biāo)簽，那么就返回false。
6.return true，返回true。
8.$(document).bind("contextmenu",function(ev){})，為document文檔注冊contextmenu事件處理函數(shù)。
9.if(!jQuery_isTagName(ev,['INPUT','TEXTAREA'])){
ev.preventDefault();
return false;
}
如果如果指定標(biāo)簽不在可以使用右鍵菜單的列表中，那么就使用ev.preventDefault()阻止事件冒泡，這很重要，否則的話如果有元素嵌套，雖然子元素禁用了右鍵菜單，但是右鍵子元素的時(shí)候，還是會彈出右鍵菜單，因?yàn)槭录鬟f到父元素上去了，return false也可以禁用右鍵菜單了
新聞熱點(diǎn)
疑難解答
