JS事件4(addEventListener)

addEventListener()是標(biāo)準(zhǔn)的綁定事件監(jiān)聽(tīng)函數(shù)的方法。

addEventListener('Event', function(){},true/false)

第一個(gè)參數(shù)表示監(jiān)聽(tīng)的事件名稱(如:onlick-點(diǎn)擊事件),第二個(gè)參數(shù)是執(zhí)行的動(dòng)作,第三個(gè)參數(shù)將決定瀏覽器的響應(yīng)方式,true表示瀏覽器采用capture響應(yīng)方式,false表示瀏覽器采用bubble響應(yīng)方式。


用途1:可以給不同元素各自添加事件,事件函數(shù)按冒泡順序發(fā)生。

見(jiàn)JS事件1(冒泡/捕獲)

用途2:可以給同一元素一次添加多個(gè)事件,事件函數(shù)按函數(shù)先后順序發(fā)生。


點(diǎn)擊一次按鈕,將先后執(zhí)行兩個(gè)函數(shù)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 以下文章為轉(zhuǎn)載,對(duì)理解JavaScript中的事件處理機(jī)制很有幫助,淺顯易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy閱讀 3,075評(píng)論 1 10
  • 聲明:本文來(lái)源于http://www.webzsky.com/?p=731我只是在這里作為自己的學(xué)習(xí)筆記整理一下(...
    angryyan閱讀 7,130評(píng)論 1 6
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,992評(píng)論 19 139
  • 事件是一種異步編程的實(shí)現(xiàn)方式,本質(zhì)上是程序各個(gè)組成部分之間的通信。DOM支持大量的事件,本節(jié)介紹DOM的事件編程。...
    周花花啊閱讀 601評(píng)論 0 3
  • 春天 春天是清麗多情的少女。 忽如一夜春風(fēng)來(lái), 千樹(shù)萬(wàn)樹(shù)梨花開(kāi)。 簾幕柳絲,是她 瀑瀉的劉海。 嫩山幼水,是她新著...
    鄭時(shí)光閱讀 400評(píng)論 0 3