這篇文章給大家分享的是有關(guān)DOM事件的示例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、蓮都網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

1.事件流

時(shí)間流--- 描述的是從頁面中接受事件的順序。

（1）事件冒泡流。

事件最開始由最具體的元素（文檔中嵌套層次最深的那個(gè)節(jié)點(diǎn)）接收，然后逐級(jí)向上傳播至最不具體的那個(gè)節(jié)點(diǎn)（文檔）。

（2）事件捕獲流。

不太具體的節(jié)點(diǎn)應(yīng)該更早接受到事件，而最具體的節(jié)點(diǎn)最后接受到事件。

2.JS事件探索

1.HTML事件處理程序 -- 直接寫在html標(biāo)簽里面的js觸發(fā)語句。

2.DOM0級(jí)事件處理程序。

把一個(gè)函數(shù)賦值給一個(gè)事件的處理程序?qū)傩裕玫谋容^多的方法，簡單，跨瀏覽器的優(yōu)勢(shì)。

3.DOM2級(jí)事件處理程序。

（1）用于處理制定和刪除事件處理程序的操作。

addEventListener（處理的事件名，事件處理程序的函數(shù)，布爾值） removeEventListner（）。

4.IE事件處理程序。

attachEvent（事件處理程序的名稱，事件處理程序的函數(shù)） detachEvent（）

不需要添加第三個(gè)參數(shù)：IE8以及更早的瀏覽器版本只支持事件冒泡。

var eventUtil = {
  addHandler：function(element，type，handler)｛
  if（element。addEventListener）｛
  element。addEventListener（type，handler，false）； 
  ｝else if（element。attachEvent）｛
   element。attachEvent（‘on' + type，handler）  ；
  ｝else｛
    element【‘on' + type】= handler；
  ｝
｝
   removeHandler：function（element，type，handler）｛
   if（element。removeEventListner）｛
   element。removeEventListner（type，handler）；
  ｝else if（element。detachEvent）｛
   element。detachEvent（‘on' + type，handler） ；
  ｝else｛
   element【‘on' + type】 = handler ； 
  ｝
｝
}

3.事件對(duì)象

在觸發(fā)DOM上的事件時(shí)會(huì)產(chǎn)生一個(gè)對(duì)象，事件對(duì)象event。

（1）DOM中的事件對(duì)象。

1.type屬性 用于獲取事件類型。

2.target屬性 用于獲取事件目標(biāo)。

3.stopPropagation（）方法  用于阻止事件冒泡。

4.preventDefault（）方法  阻止事件的默認(rèn)行為。

（2）IE中的事件對(duì)象。

1.type屬性 用于獲取事件類型。

2.srcElement屬性 用于獲取事件的目標(biāo)。

3.cancelBubble屬性 用于阻止事件冒泡。 設(shè)置true 表示阻止冒泡   設(shè)置false 表示不阻止冒泡。

4.returnValue屬性  用于阻止事件的默認(rèn)行為。設(shè)置false表示阻止事件的默認(rèn)行為。

感謝各位的閱讀！關(guān)于“DOM事件的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享題目：DOM事件的示例分析-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/ddcopp.html