欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery事件機制擴展插件 jquery鼠標右鍵事件。

 更新時間:2011年12月26日 23:04:16   作者:  
因為最近技術長進緩慢,也沒高手帶,只能靠自己了,所以想仿個WEBQQ來鍛煉下自己。做之前最好先把必要的東西準備好
jquery其實本身的事件機制就很完善了,包括了單擊,雙擊,鼠標移入,鼠標移出等。但是卻少了一個做事件。就是鼠標右擊事件。當然大家也是直接用偵聽鼠標按下事件,然后通過if來判斷執(zhí)行相應的函數。造成鼠標右擊事件的效果。
但是這不是我想要的,我想要的似乎這個事件可以跟其它事件比如單擊事件一樣。可以被方便的使用,而不需要每次都去判斷。這里通過編寫jquery插件的形式擴展,讓這個方法可以直接使用$().rightClick();來使用。
jQuery的插件主要分3種類型
1.封裝對象方法的插件
(這種插件是將對象封裝起來,用于對通過選擇器獲取的對象進行操作,也就是這里需要用到的方法)
2.封裝全局函數的插件
(可以將獨立的函數加入到jquery的命名空間下)
3.選擇器插件
(雖然jquery的選擇器已經很強大了,但還是會需要擴展一些自己喜歡的選擇器)
其它的一些關于插件的知識大家可以自己去查閱相關資料。這里就直接開始講了。
這里是使用的第一種插件類型,先分析下具體的編寫思路。
1.使用鼠標右鍵事件后,將禁止所有的系統(tǒng)右鍵菜單功能
2.綁定鼠標右鍵事件后,實際是觸發(fā)鼠標按下事件。
3.通過if來判斷,如果按下的是右鍵則執(zhí)行參數,這個參數只能是函數。如果不是右鍵則不執(zhí)行。
相信講到這里,對jquery很熟悉的也明白要怎么做了。
jquery事件機制擴展,jquery鼠標右鍵事件。

jquery事件機制擴展,jquery鼠標右鍵事件。

復制代碼 代碼如下:

/*鼠標右鍵插件*/
(function($) {
$.fn.extend({
//定義鼠標右鍵方法,接收一個函數參數
"rightClick":function(fn){
//調用這個方法后將禁止系統(tǒng)的右鍵菜單
$(document).bind('contextmenu',function(e){
return false;
});
//為這個對象綁定鼠標按下事件
$(this).mousedown(function(e){
//如果按下的是右鍵,則執(zhí)行函數
if(3 == e.which){
fn();
}
});
}
});
})(jQuery);

相關文章

  • jquery遍歷table的tr獲取td的值實現方法

    jquery遍歷table的tr獲取td的值實現方法

    下面小編就為大家?guī)硪黄猨query遍歷table的tr獲取td的值實現方法。小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • jquery操作ID帶有變量的節(jié)點實例

    jquery操作ID帶有變量的節(jié)點實例

    下面小編就為大家?guī)硪黄猨query操作ID帶有變量的節(jié)點實例。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-12-12
  • Jquery焦點與失去焦點示例應用

    Jquery焦點與失去焦點示例應用

    這篇文章主要介紹了Jquery焦點與失去焦點示例應用,需要的朋友可以參考下
    2014-06-06
  • jQuery中trigger()方法用法實例

    jQuery中trigger()方法用法實例

    這篇文章主要介紹了jQuery中trigger()方法用法,實例分析了trigger()方法的功能、定義及觸發(fā)匹配元素指定類型事件的使用技巧,需要的朋友可以參考下
    2015-01-01
  • jQuery事件與動畫超詳細講解

    jQuery事件與動畫超詳細講解

    在jquery中,jquery動畫事件和動畫函數經常用的到,今天小編抽時間給大家整理了些關于常用的jquery動畫事件和動畫函數,對jquery動畫函數和動畫事件相關知識感興趣的朋友一起學習吧
    2022-12-12
  • 關于html+ashx開發(fā)中幾個問題的解決方法

    關于html+ashx開發(fā)中幾個問題的解決方法

    在跟html+ashx打交道的園友們肯定會發(fā)現,這種模式雖然優(yōu)美,但在開發(fā)中會遇到一些難處理的地方。我也不例外,下面是自己在實際開發(fā)中總結出來的幾條經驗,希望跟大家分享,更希望得到大家的建議和更好的解決方法!
    2011-07-07
  • jQuery中;function($,undefined) 前面的分號的用處

    jQuery中;function($,undefined) 前面的分號的用處

    這篇文章主要介紹了jQuery中;function($,undefined) 前面的分號的用處,需要的朋友可以參考下
    2014-12-12
  • IE8下jQuery改變png圖片透明度時出現的黑邊

    IE8下jQuery改變png圖片透明度時出現的黑邊

    這些天在做一個效果,鼠標經過,PNG圖片由透明變成不透明, 但是會出現黑邊,晚上查了好多辦法,分別對IE8設置過濾器啊等等,都不見效果。最終在熱心網友的幫助下解決了問題,下面我們就來分析下
    2015-08-08
  • 通過jQuery源碼學習javascript(二)

    通過jQuery源碼學習javascript(二)

    昨天寫了篇通過jQuery源碼學習javascript(一),里面有一個定義對象C的方法,我早期也沒有太注意這個方面的技術細節(jié)。后來我查了一下資料,發(fā)現里面有很多巧的地方。今天與大家分享
    2012-12-12
  • jquery input checked全選與反選1.3.2的版本

    jquery input checked全選與反選1.3.2的版本

    jquery 全選與反選1.3.2的版本
    2009-05-05

最新評論