給元素添加事件的方法

添加html元素的事件

1.通過HTML元素屬性

簡單說來就是在html結構中，給你要添加事件的元素添加一個屬性。
屬性名爲 'on' + 事件名。
如:你要給a元素綁定一個click事件，你就該這麼寫：
<a href="http://blog.163.com/luping_01/blog/#" οnclick='do something'>name</a>

2.通過對象屬性
對象指的是jDOM樹裏的對象，我們都知道，所有的html元素在DOM(文檔對象類型)裏都存在一個相應的DOM元素。
給這個DOM元素添加事件等同於方式一。這個屬性名也一樣：
也爲 on + 事件名
如：
html結構:
<a href="http://blog.163.com/luping_01/blog/#" id="n">name</a>
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