JS之事件監聽

2022-09-17 09:24:17 字數 648 閱讀 2605

一 如果事件監聽類似於如下寫法,則最終只會執行最後乙個事件監聽,其他監聽都會被覆蓋掉。

window.onload=funtion();

window.onload=funtion();

window.onload=funtion();

//最終只會輸出:"3"

二 如果事件監聽類似於如下寫法,則每個事件監聽都會被執行,其他監聽都不會被覆蓋掉。

--是否冒泡或捕獲都不會影響輸出結果的次數(3次)

window.addeventlistener("load",function(evt),false);

window.addeventlistener("load",function(evt),false);

window.addeventlistener("load",function(evt),false);

//最終輸出:"1 2 3"

小結:1 window只是乙個物件,可替換成其他標籤物件,如divobj...。但最終輸出是一樣的。

2 如果用了window.onload模式,則必須保證頁面中必須只有乙個這樣的事件監聽。

3 jquery裡面的$(document).ready(function(e){})...估計裡面是實現了第二種的監聽模式(addeventlistener)

Spring之事件監聽

spring的監聽事件模型應該是觀察者模式。本人專案裡的應用在process方法按日期同步某個庫的資料,在方法最後publish乙個event事件,這個事件用於後續同步過來的資料處理。事件處理採用了spring的監聽模型.這樣可以做到process方法與event可以非同步分離執行。注 這個事件模型...

javascript之事件監聽

addeventlistener是乙個監聽事件並處理相應的函式。不囉嗦,直接上 如 js部分 body部分 注意 addeventlistener 方法,有3個引數。第乙個引數是說明監聽的事件型別 如 click,注意不要字首on 第二個引數是事件執行的函式或方法,第三個引數則指定事件是否在捕獲或冒...

javascript之事件監聽

addeventlistener是乙個監聽事件並處理相應的函式。不囉嗦,直接上 如 js部分 body部分 注意 addeventlistener 方法,有3個引數。第乙個引數是說明監聽的事件型別 如 click,注意不要字首on 第二個引數是事件執行的函式或方法,第三個引數則指定事件是否在捕獲或冒...