快捷導(dǎo)航

jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件。

更新時(shí)間：2011年12月26日 23:04:16 作者：

因?yàn)樽罱夹g(shù)長進(jìn)緩慢，也沒高手帶，只能靠自己了，所以想仿個(gè)WEBQQ來鍛煉下自己。做之前最好先把必要的東西準(zhǔn)備好

jquery其實(shí)本身的事件機(jī)制就很完善了，包括了單擊，雙擊，鼠標(biāo)移入，鼠標(biāo)移出等。但是卻少了一個(gè)做事件。就是鼠標(biāo)右擊事件。當(dāng)然大家也是直接用偵聽鼠標(biāo)按下事件，然后通過if來判斷執(zhí)行相應(yīng)的函數(shù)。造成鼠標(biāo)右擊事件的效果。
但是這不是我想要的，我想要的似乎這個(gè)事件可以跟其它事件比如單擊事件一樣?？梢员环奖愕氖褂?，而不需要每次都去判斷。這里通過編寫jquery插件的形式擴(kuò)展，讓這個(gè)方法可以直接使用$().rightClick();來使用。
jQuery的插件主要分3種類型
1.封裝對(duì)象方法的插件
（這種插件是將對(duì)象封裝起來，用于對(duì)通過選擇器獲取的對(duì)象進(jìn)行操作，也就是這里需要用到的方法）
2.封裝全局函數(shù)的插件
（可以將獨(dú)立的函數(shù)加入到j(luò)query的命名空間下）
3.選擇器插件
（雖然jquery的選擇器已經(jīng)很強(qiáng)大了，但還是會(huì)需要擴(kuò)展一些自己喜歡的選擇器）
其它的一些關(guān)于插件的知識(shí)大家可以自己去查閱相關(guān)資料。這里就直接開始講了。
這里是使用的第一種插件類型，先分析下具體的編寫思路。
1.使用鼠標(biāo)右鍵事件后，將禁止所有的系統(tǒng)右鍵菜單功能
2.綁定鼠標(biāo)右鍵事件后，實(shí)際是觸發(fā)鼠標(biāo)按下事件。
3.通過if來判斷，如果按下的是右鍵則執(zhí)行參數(shù)，這個(gè)參數(shù)只能是函數(shù)。如果不是右鍵則不執(zhí)行。
相信講到這里，對(duì)jquery很熟悉的也明白要怎么做了。

jquery事件機(jī)制擴(kuò)展，jquery鼠標(biāo)右鍵事件。

復(fù)制代碼代碼如下:

 
/*鼠標(biāo)右鍵插件*/ 
(function($) { 
$.fn.extend({ 
//定義鼠標(biāo)右鍵方法，接收一個(gè)函數(shù)參數(shù) 
&quot;rightClick&quot;:function(fn){ 
//調(diào)用這個(gè)方法后將禁止系統(tǒng)的右鍵菜單 
$(document).bind(&#39;contextmenu&#39;,function(e){ 
return false; 
}); 
//為這個(gè)對(duì)象綁定鼠標(biāo)按下事件 
$(this).mousedown(function(e){ 
//如果按下的是右鍵，則執(zhí)行函數(shù) 
if(3 == e.which){ 
fn(); 
} 
}); 
} 
}); 
})(jQuery); 