添加html元素事件有4種方法:1、通過HTML元素屬性添加事件;2、通過對象屬性添加事件;3、通過W3C監聽方式添加事件,語法格式“elemennt.addEventListener(事件名,處理函數引用,true || false)”;4、通過IE專屬的中間模型添加事件,語法格式“element.attachEvent( 'on' + 事件名,處理函數引用);”。
具體內容如下:
1.通過HTML元素屬性,就是在html結構中,給你要添加事件的元素添加一個屬性。
屬性名為 'on' + 事件名。
如:你要給a元素綁定一個click事件,代碼如下:
<a href="http://blog.163.com/luping_01/blog/#" onclick='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監聽方式(標準方式)添加事件
W3C方式:
elemennt.addEventListener(事件名,處理函數引用,true || false)
這里的事件名就是單純的事件名,不需要加 on ,true表示在事件傳播階段捕獲事件,false表示在事件冒泡階段捕獲事件,一般我們設為false!
4、IE專屬的中間模型添加事件
IE模式:
element.attachEvent( 'on' + 事件名,處理函數引用);
注意:IE模式需要加on。