未完jQuery基礎(chǔ)(三)—事件篇-----jQuery事件對象的作用

1、jQuery事件對象的作用

事件中的Event對象容易被初學(xué)者忽略掉东涡,可能大多時(shí)候初學(xué)者不知道怎么去用它撩穿,但有些時(shí)候它還是非常有用的

這里不在千篇一律的說方法的使用,通過實(shí)際的一個(gè)小案例霍弹,從而來了解事件對象的作用

<ul>
<li class="even1"></li>
<li class="even2"></li>
<li class="even2"></li>
.........
</ul>
ul有N個(gè)子元素li(這里只寫了3個(gè)),如果我要響應(yīng)每一個(gè)li的事件娃弓,那么常規(guī)的方法就是需要給所有的li都單獨(dú)綁定一個(gè)事件監(jiān)聽典格,這樣寫法很符合邏輯,但是同時(shí)有顯得繁瑣
因?yàn)閘i都有一個(gè)共同的父元素台丛,而且所有的事件都是一致的耍缴,這里我們可以采用要一個(gè)技巧來處理,也是常說的"事件委托"
事件沒直接和li元素發(fā)生關(guān)系挽霉,而且綁定父元素了防嗡。由于瀏覽器有事件冒泡的這個(gè)特性,我們可以在觸發(fā)li的時(shí)候把這個(gè)事件往上冒泡到ul上侠坎,因?yàn)閡l上綁定事件響應(yīng)所以就能夠觸發(fā)這個(gè)動(dòng)作了蚁趁。唯一的問題怎么才知道觸發(fā)的li元素是哪個(gè)一個(gè)?
這里就引出了事件對象了
事件對象是用來記錄一些事件發(fā)生時(shí)的相關(guān)信息的對象实胸。事件對象只有事件發(fā)生時(shí)才會(huì)產(chǎn)生他嫡,并且只能是事件處理函數(shù)內(nèi)部訪問番官,在所有事件處理函數(shù)運(yùn)行結(jié)束后,事件對象就被銷毀
回到上面的問題钢属,既然事件對象是跟當(dāng)前觸發(fā)元素息息相關(guān)的徘熔,所以我們就能從里面相關(guān)的信息,從事件對象中找到 event.target
target 屬性可以是注冊事件時(shí)的元素淆党,或者它的子元素酷师。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經(jīng)常用于事件冒泡時(shí)處理事件委托
簡單來說:event.target代表當(dāng)前觸發(fā)事件的元素染乌,可以通過當(dāng)前元素對象的一系列屬性來判斷是不是我們想要的元素
http://js.jirengu.com/xucelewahi/1/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末窒升,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子慕匠,更是在濱河造成了極大的恐慌饱须,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件台谊,死亡現(xiàn)場離奇詭異蓉媳,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)锅铅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進(jìn)店門酪呻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人盐须,你說我怎么就攤上這事玩荠。” “怎么了贼邓?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵阶冈,是天一觀的道長。 經(jīng)常有香客問我塑径,道長女坑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任统舀,我火速辦了婚禮匆骗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘誉简。我一直安慰自己碉就,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布闷串。 她就那樣靜靜地躺著瓮钥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上骏庸,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天毛甲,我揣著相機(jī)與錄音,去河邊找鬼具被。 笑死玻募,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的一姿。 我是一名探鬼主播七咧,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼叮叹!你這毒婦竟也來了艾栋?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤蛉顽,失蹤者是張志新(化名)和其女友劉穎蝗砾,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體携冤,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡悼粮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了曾棕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扣猫。...
    茶點(diǎn)故事閱讀 39,739評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖翘地,靈堂內(nèi)的尸體忽然破棺而出申尤,到底是詐尸還是另有隱情,我是刑警寧澤衙耕,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布昧穿,位于F島的核電站,受9級特大地震影響臭杰,放射性物質(zhì)發(fā)生泄漏粤咪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一渴杆、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宪塔,春花似錦磁奖、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至南誊,卻和暖如春身诺,著一層夾襖步出監(jiān)牢的瞬間蜜托,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工霉赡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留橄务,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓穴亏,卻偏偏與公主長得像蜂挪,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子嗓化,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,647評論 2 354

推薦閱讀更多精彩內(nèi)容

  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,338評論 0 8
  • 第1章 鼠標(biāo)事件 1-1 jQuery鼠標(biāo)事件之click與dbclick事件 用交互操作中棠涮,最簡單直接的操作就是...
    mo默22閱讀 1,278評論 0 6
  • 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,605評論 2 10
  • FASHION RESTORED The restoration of the English monarchy ...
    末小閑閱讀 374評論 0 0
  • 青地碧池繞指間, 酷官閭左盡開顏刺覆。 風(fēng)吹絲舞行人笑严肪, 鴛侶純情看客船。
    南途丶閱讀 225評論 0 0