事件綁定能颁、事件冒泡與捕獲

一哼绑、事件綁定
事件綁定又稱事件委托岩馍,事件代理,可以給同一個(gè)div綁定多個(gè)事件

非IE:

    element.addEventListener("click",fn,false) 事件綁定
    element.removeEventLisenter("click",fn,false) 解除綁定

IE:

    element.attachEvent("onclick",fn) 事件綁定
    element.detachEvent("onclick",fn) 解除綁定

綁定事件兼容寫法:(移除同理)

function addEvent(element,type,fn){
     if(element.addEventListener){
            element.addEventListener(type,fn,false)
     }else if(element.attachEvent){
            element.attachEvent("on"+type,fn);
     }else{
            target["on"+type]=fn;
     }
}

二抖韩、js事件捕獲和冒泡

1.什么是事件冒泡:
事件按照從最特定的事件目標(biāo)到最不特定的事件目標(biāo)(document對(duì)象)的順序觸發(fā)蛀恩。(默認(rèn)的事件處理程序,從子級(jí)到父級(jí))

2.什么是事件捕獲:
事件從最不精確的對(duì)象(document 對(duì)象)開始觸發(fā)茂浮,然后到最精確(也可以在窗口級(jí)別捕獲事件双谆,不過(guò)必須由開發(fā)人員特別指定)。(捕獲型事件先發(fā)生席揽,由父級(jí)到子級(jí))

3.事件綁定中的false,true
(1)作用:第3個(gè)參數(shù)useCapture是一個(gè)Boolean值顽馋,用來(lái)設(shè)置事件是在事件捕獲時(shí)執(zhí)行,還是事件冒泡時(shí)執(zhí)行
(2)true:事件捕獲幌羞,父級(jí)元素先觸發(fā)寸谜,子級(jí)元素后觸發(fā),即div先觸發(fā)属桦,p后觸發(fā)
(3)false:事件冒泡熊痴,子級(jí)元素先觸發(fā),父級(jí)元素后觸發(fā)地啰,即p先觸發(fā)愁拭,div后觸發(fā)。

4.阻止冒泡:
ev.cancelBubble=true;
ev.stopPropagation();

5.阻止冒泡的兼容寫法:

function stopBubble(e){
        if(e&&ev.stopPropagation){
              e.stopPropagation();
        }else{
            e.cancelBubble=true;
        }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末亏吝,一起剝皮案震驚了整個(gè)濱河市岭埠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蔚鸥,老刑警劉巖惜论,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異止喷,居然都是意外死亡馆类,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門弹谁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)乾巧,“玉大人句喜,你說(shuō)我怎么就攤上這事」涤冢” “怎么了咳胃?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)旷太。 經(jīng)常有香客問(wèn)我展懈,道長(zhǎng),這世上最難降的妖魔是什么供璧? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任存崖,我火速辦了婚禮,結(jié)果婚禮上睡毒,老公的妹妹穿的比我還像新娘来惧。我一直安慰自己,他們只是感情好演顾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布违寞。 她就那樣靜靜地躺著,像睡著了一般偶房。 火紅的嫁衣襯著肌膚如雪趁曼。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天棕洋,我揣著相機(jī)與錄音挡闰,去河邊找鬼。 笑死掰盘,一個(gè)胖子當(dāng)著我的面吹牛摄悯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播愧捕,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼奢驯,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了次绘?” 一聲冷哼從身側(cè)響起瘪阁,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎邮偎,沒(méi)想到半個(gè)月后管跺,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡禾进,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年豁跑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泻云。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡艇拍,死狀恐怖狐蜕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情卸夕,我是刑警寧澤馏鹤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站娇哆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏勃救。R本人自食惡果不足惜碍讨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蒙秒。 院中可真熱鬧勃黍,春花似錦、人聲如沸晕讲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)瓢省。三九已至弄息,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間勤婚,已是汗流浹背摹量。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留馒胆,地道東北人缨称。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像祝迂,于是被迫代替她去往敵國(guó)和親睦尽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

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

  • 背景知識(shí) 什么是事件型雳?直觀的說(shuō)就是網(wǎng)頁(yè)上發(fā)生的事情当凡,大部分是指用戶的鼠標(biāo)動(dòng)作和鍵盤動(dòng)作,如點(diǎn)擊纠俭、移動(dòng)鼠標(biāo)宁玫、按下某個(gè)...
    吧啦啦小湯圓閱讀 1,846評(píng)論 2 15
  • 一、DOM 什么是DOM柑晒?Document Object Model(文檔對(duì)象模型)欧瘪。DOM是針對(duì)HTML和XML...
    空谷悠閱讀 971評(píng)論 0 2
  • 這幾天我一直在思考如何寫好一篇文章佛掖。發(fā)愁的初衷是參加了一個(gè)堅(jiān)持30天寫作的一個(gè)班妖碉,無(wú)主題無(wú)限制,保證500字...
    迎鳳斬月閱讀 183評(píng)論 0 0
  • 有時(shí)候真的特別想談戀愛(ài)芥被,特別特別特別想欧宜。想依偎想擁抱想親密接觸想相視一笑想手拉手想很多很多。發(fā)瘋的想拴魄。我想我是完了...
    withoutyou閱讀 98評(píng)論 0 0
  • 用我三生煙火冗茸,換你一世迷離。聽弦斷匹中,斷那三千癡纏夏漱。墜花湮,湮沒(méi)一朝風(fēng)漣顶捷」掖拢花若憐,落在誰(shuí)的指尖服赎。 ???
    淺_夜閱讀 154評(píng)論 0 1