事件處理程式模型,事件的冒泡和捕獲

2021-10-21 11:05:59 字數 604 閱讀 1963

結構上(非視覺上)巢狀關係的元素,會存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。(自底向上)

結構上(非視覺上)巢狀關係的元素,會存在事件捕獲的功能,即同一事件,自父元素捕獲至子元素(事件源元素)。(自頂向下)

// 將addeventlistener的第三個引數設定為true則可啟用事件捕捉模型

// ie8以下由於不支援addeventlistener,故沒有事件捕獲的事件處理模型

// focus,blur,change,submit,reset,select等事件不冒泡

a) 先捕獲,後目標,再冒泡

//對於目標元素而言,不存在事件處理模型,事件觸發則執行,先繫結誰就執行誰

b) 預設在冒泡的時候執行事件(onclick/attach 和 addeventlistener傳false的時候)

c) addeventlistener繫結事件,如果把第三個引數設定為true,則在捕捉的時候執行事件

d) 整個事件處理過程,會有個event事件物件在整個事件過程傳播(w3c標準,ie8及其以下沒有)

事件處理模型 事件冒泡,捕獲

事件處理模型 事件冒泡,捕獲 事件冒泡 結構上 非視覺上 巢狀關係的元素,會存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。自底向上 事件捕獲 結構上 非視覺上 巢狀關係的元素,會存在事件捕獲的功能,即同一事件,自父級元素捕獲至子元素 事件源元素 自頂向下 ie沒有捕獲事件 觸發順序,先捕獲,...

事件冒泡和事件捕捉

事件流 ie的事件流 冒泡 dom標準事件流 先捕獲在冒泡,從document開始 瀏覽器的捕獲從window開始 事件冒泡 事件冒泡是自下而上的去觸發事件。事件捕捉 自上而下的去觸發事件。繫結事件方法的第三個引數,可控制事件觸發順序是否為事件捕獲。true,事件捕獲 false,事件冒泡。預設fa...

事件冒泡和事件捕獲

事件冒泡 事件物件沿dom樹向上傳播 事件捕獲 事件物件沿dom樹向下傳播 addeventlistener click function flase 引數預設為false 代表事件冒泡,引數為true代表事件捕獲 attachevent onclick function detachevent 沒...