1. 程式人生 > >javascript中的addEventListener與attchEvent

javascript中的addEventListener與attchEvent

不支持 func 瀏覽器 元素 由於 ie9 bsp apt 指定元素

1、addEventListener

該方法用於向指定元素添加事件句柄

瀏覽器的支持情況為chrome1.0、ie9+、fireFox1.0、opera7.0

該方法包含三個參數event, function, useCapture

event為指定事件名,不需要加"on"前綴

function為事件觸發時執行的函數

useCapture指定事件是否在捕獲或冒泡階段執行,true表示事件在捕獲階段執行,false表示在冒泡階段執行(當目標元素與祖先元素定義了相同的事件,如點擊事件,點擊目標元素時若是事件捕獲會先出發祖先元素的點擊事件,再觸發目標元素的點擊事件,而事件冒泡則相反會先觸發目標元素事件,再觸發祖先元素事件)

2、attachEvent

功能與addEventListener方法相同,只是適用於ie8及更早版本的瀏覽器和opera7.0及更早的版本

該方法包含兩個參數event,function

event為指定事件名,需要加"on"前綴

function為事件觸發時執行的函數

由於ie8及更早版本的瀏覽器只支持冒泡事件,不支持捕獲,故不存在第三個參數的設置

javascript中的addEventListener與attchEvent