DOM事件

基本概念:DOM事件級別:

DOM0:element.onclick=function(){}

DOM2: element.addEventListener(‘click’,function(){},false/true)冒泡或者捕獲。 true是在捕獲事件觸發(fā)。

DOM3: element.addEventListener(‘keyup’,function(){},true/false)鍵盤事件,鼠標(biāo)點(diǎn)擊事件。


DOM事件模型:

冒泡(目標(biāo)元素往上)捕獲從上往下。


DOM事件流;

事件流->捕獲->目標(biāo)階段->冒泡。

DOM事件類-》描述dom事件捕獲的具體流程;

先得到Window->document->html->body->...->目標(biāo)元素。

DOM事件類-》Event對象的常見應(yīng)用。

Event.preventDefault()阻止默認(rèn)事件。

Evetn.stopPropagation()阻止冒泡事件。 不阻止的話。點(diǎn)擊子元素,父元素也會響應(yīng)。

Event.stoplmmediatePropagation()事件響應(yīng)優(yōu)先級。

Event.currentTarget //當(dāng)前所綁定的事件,父級元素綁定事件。指定的就是這個事件。

Evennt.target //當(dāng)前被點(diǎn)擊的元素。


自定義事件:自定義事件,自定義觸發(fā)事件。


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • dom對象的innerText和innerHTML有什么區(qū)別?Node.innerText這個API不是W3C標(biāo)準(zhǔn)...
    老虎愛吃母雞閱讀 524評論 0 0
  • DOM(Document Object Model) 即文檔對象模型,是針對HTML和XML文檔的一個API,DO...
    JokerPeng閱讀 417評論 0 2
  • dom對象的innerText和innerHTML有什么區(qū)別? innerHTML指的是從對象的起始位置到終止位置...
    coolheadedY閱讀 577評論 0 0
  • 1、dom對象的innerText和innerHTML有什么區(qū)別? innerText是輸出/更改純文本; inn...
    Iswine閱讀 458評論 0 0
  • 一、問答 1. dom對象的innerText和innerHTML有什么區(qū)別? innerHTML: 也就是從對象...
    饑人谷_羅偉恩閱讀 695評論 0 2

友情鏈接更多精彩內(nèi)容