1. 程式人生 > >繫結事件的三種方式

繫結事件的三種方式

第一種繫結事件的方式即把事件寫在標籤的屬性裡面,例如<a href="#" onclick="t()"></a>,這是DOM0級的標準。

好處:大家都會,幾乎所有的瀏覽器都支援

壞處:夾雜在HTML程式碼中,程式碼不簡潔;這種事件寫法效率不高;不符合“行為,樣式,結構”相分離。

第二種繫結事件的方式用事件屬性來繫結時間函式。繫結一個事件,後一個會覆蓋前一個。

好處:符合“行為,樣式,結構”相分離;便於操作當事物件;方便讀取事件物件

第三種繫結事件的方式:addEventListener     W3C的標準

執行順序按照繫結順序執行。可以繫結多個事件。xxx.addEventListerner("click",function(){    },false);