JS原生 未來元素監聽寫法

標籤：控制代碼   瀏覽器安全色問題   對象   瀏覽器安全色   attach   asc   流的概念   javascrip   滑鼠   

綁定事件的另一種方法是用 addEventListener() 或 attachEvent() 來綁定事件監聽函數。

addEventListener()函數文法：
elementObject.addEventListener(eventName,handle,useCapture);

參數	說明
elementObject	DOM對象（即DOM元素）。
eventName	事件名稱。注意，這裡的事件名稱沒有“ on ”， 如按一下滑鼠事件 click ，滑鼠雙擊事件 doubleclick ， 滑鼠移入事件 mouseover，滑鼠移出事件 mouseout 等。
handle	事件控制代碼函數，即用來處理事件的函數。
useCapture	Boolean類型，是否使用捕獲，一般用false  。這裡涉及到JavaScript事件流的概念，後續章節將會詳細講解。

attachEvent()函數文法：
elementObject.attachEvent(eventName,handle);

參數	說明
elementObject	DOM對象（即DOM元素）。
eventName	事件名稱。注意，與addEventListener()不同， 這裡的事件名稱有“ on ”，如按一下滑鼠事件 onclick ， 滑鼠雙擊事件 ondoubleclick ，滑鼠移入事件 onmouseover， 滑鼠移出事件 onmouseout 等。
handle	事件控制代碼函數，即用來處理事件的函數。

注意：事件控制代碼函數是指“ 函數名 ”，不能帶小括弧。

addEventListener()是標準的綁定事件監聽函數的方法，是W3C所支援的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支援該函數；但是，IE8.0及其以下版本不支援該方法，它使用attachEvent()來綁定事件監聽函數。所以，這種綁定事件的方法必須要處理瀏覽器安全色問題。

JS原生 未來元素監聽寫法