如何新增HTML元素的事件處理，有幾種方法
阿新 • • 發佈：2019-02-13
新增html元素的事件有三種方法。
1.通過HTML元素屬性。簡單說來就是在html結構中，給你要新增事件的元素新增一個屬性。
屬性名為 ‘on’ + 事件名。
如:你要給a元素繫結一個click事件，你就該這麼寫：
name
2.通過物件屬性。
物件指的是jDOM樹裡的物件，我們都知道，所有的html元素在DOM(文件物件型別)裡都存在一個相應的DOM元素。
給這個DOM元素新增事件等同於方式一。這個屬性名也一樣：
也為 on + 事件名
如：
html結構:
name
js：
document.getElementById(‘n’).onclick = function(){ //do something}
3.通過W3C監聽方式（標準方式）或者IE專屬的中間模型新增事件
W3C方式： elemennt.addEventListener(事件名,處理函式引用,true || false)
這裡的事件名就是單純的事件名，不需要加 on ，true表示在事件傳播階段捕獲事件，false表示在事件冒泡階段捕獲事件，一般我們設為false!
IE模式: element.attachEvent( ‘on’ + 事件名，處理函式引用);
注意，IE模式需要加on