javascript綁定事件addEventListener與attachEvent

標籤：ie8   rom   ack   w3c   支援   元素   and   listener   out   

1、eleObj.addEventListener(eventName,handle,useCapture);

　　eleObj：DOM元素；

　　eventName：事件名稱。注意，這裡的事件名稱沒有“ on ”，如按一下滑鼠事件 click ，滑鼠雙擊事件 doubleclick ，滑鼠移入事件 mouseover，滑鼠移出事件 mouseout 等。

　　handle：事件控制代碼函數，即用來處理事件的函數；

　　useCapture：Boolean類型，是否使用捕獲，一般用false；

2、eleObj.attachEvent(eventName,handle);

　　eleObj：DOM元素；

　　eventName：事件名稱。注意，與addEventListener()不同，這裡的事件名稱有“ on ”，如按一下滑鼠事件 onclick ，滑鼠雙擊事件 ondoubleclick ，滑鼠移入事件 onmouseover，滑鼠移出事件 onmouseout 等；

　　handle：事件控制代碼函數，即用來處理事件的函數；

 

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

 

 

 

javascript綁定事件addEventListener與attachEvent