1.屬性
event.bubbles:屬性返回一個(gè)布爾值反镇,表示當(dāng)前事件是否會(huì)冒泡;event.eventPhase:返回一個(gè)整數(shù)值鹰祸,表示事件流在傳播階段的位置
0:事件目前沒(méi)有發(fā)生。
1:事件目前處于捕獲階段。
2:事件到達(dá)目標(biāo)節(jié)點(diǎn)箩兽。
3:事件處于冒泡階段缺菌。
event.type:返回一個(gè)字符串葫辐,表示事件類(lèi)型,大小寫(xiě)敏感;event.timeStamp:返回一個(gè)毫秒時(shí)間戳伴郁,表示事件發(fā)生的時(shí)間;
clientX耿战、clientY :獲取鼠標(biāo)事件觸發(fā)的坐標(biāo)
2. 事件代理/委托
event.target:對(duì)事件起源目標(biāo)的引用,屬性返回觸發(fā)事件的那個(gè)節(jié)點(diǎn)焊傅。event.currentTarget:屬性返回事件當(dāng)前所在的節(jié)點(diǎn)剂陡,即正在執(zhí)行的監(jiān)聽(tīng)函數(shù)所綁定的那個(gè)節(jié)點(diǎn)。作為比較狐胎,target屬性返回事件發(fā)生的節(jié)點(diǎn)鸭栖。
由于事件會(huì)在冒泡階段向上傳播到父節(jié)點(diǎn),因此可以把子節(jié)點(diǎn)的監(jiān)聽(tīng)函數(shù)定義在父節(jié)點(diǎn)上握巢,由父節(jié)點(diǎn)的監(jiān)聽(tīng)函數(shù)統(tǒng)一處理多個(gè)子元素的事件晕鹊。這種方法叫做事件的代理也叫 事件委托 也有人稱(chēng)為 事件代理
3. 阻止瀏覽器默認(rèn)行為&阻止事件傳播
event.preventDefault():方法取消瀏覽器對(duì)當(dāng)前事件的默認(rèn)行為,比如點(diǎn)擊鏈接后暴浦,瀏覽器跳轉(zhuǎn)到指定頁(yè)面捏题,或者按一下空格鍵,頁(yè)面向下滾動(dòng)一段距離肉渴。
event.stopPropagation():方法阻止事件在DOM中繼續(xù)傳播,防止再觸發(fā)定義在別的節(jié)點(diǎn)上的監(jiān)聽(tīng)函數(shù)