DOM事件的示例分析

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

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的宿州網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1.事件流

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

（1）事件冒泡流。

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

（2）事件捕獲流。

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

2.JS事件探索

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

2.DOM0級事件處理程序。

把一個函數(shù)賦值給一個事件的處理程序?qū)傩?，用的比較多的方法，簡單，跨瀏覽器的優(yōu)勢。

3.DOM2級事件處理程序。

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

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

4.IE事件處理程序。

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

不需要添加第三個參數(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.事件對象

在觸發(fā)DOM上的事件時會產(chǎn)生一個對象，事件對象event。

（1）DOM中的事件對象。

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

2.target屬性 用于獲取事件目標。

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

4.preventDefault（）方法  阻止事件的默認行為。

（2）IE中的事件對象。

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

2.srcElement屬性 用于獲取事件的目標。

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

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

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

本文標題：DOM事件的示例分析
本文網(wǎng)址：http://muchs.cn/article38/jpddpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、微信小程序、品牌網(wǎng)站建設(shè)、網(wǎng)站維護、響應(yīng)式網(wǎng)站、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)