Javascript事件監聽【整理】

FireFox : addEventListener()方法

IE : attachEvent()方法

為HTML元素添加一個事件監聽, 而不是直接對元素的事件屬性（如：onclick、onmouseover）賦值。

這兩種方法處理事件還是有很大區別的！事件屬性只能賦值一種方法，即：

button1.onclick = function() { alert(1); };
button1.onclick = function() { alert(2); };
這樣後面的指派陳述式就將前面的onclick屬性覆蓋了。

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml">

   

測試

而添加事件監聽就可以並行。

特別是當團隊合作時，事件並行的需求增多，比如：監聽document對象的滑鼠事件或者window對象的載入事件等。
使用事件屬性則很容易造成事件覆蓋掉。

經過測試IE(8)中先顯示3再顯示2，而firefox(3)中則先顯示2再顯示3，這個是為什麼呢？測試的結果即真理，沒啥好想的。

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml">

測試