文章摘自 ?http://www.jb51.net/article/26552.htm

1. 第一種添加事件的方式，直接在html的屬性中寫JS代碼

Div1 ElementDiv1 Element

2. 第二種添加事件的方式，定義一個函數，賦值給html元素的onXXX屬性

function clk(){}

Div2 Element

function clk(e){alert(e);}

Div2 Element

點擊Div，在Firefox中正確彈出了事件對象，支持參數傳入的瀏覽器都可以，如Opera/Safari/Chrome。

把以上代碼中的arguments[0]改成event，那么所有瀏覽器都支持。

把以上代碼中的arguments[0]改成window.event，那么將只有Firefox不支持。

把以上代碼中的arguments[0]改成evt，那么將只有Chrome支持。

3. 第三種添加事件方式，使用element.onXXX方式

Div3 Element

var d3 = document.getElementById('d3');

d3.onclick = function(){ }

4. 第四種添加事件方式，使用addEventListener或IE專有的attachEvent

Div4 Element

var d4 = document.getElementById('d4');

function clk(){

alert(4)

}

//判斷是否是非IE瀏覽器

if(d4.addEventListener){

d4.addEventListener('click',clk,false);

}

//判斷是否是IE瀏覽器

if(d4.attachEvent){

d4.attachEvent('onclick',clk);

}

總結

以上是生活随笔為你收集整理的html的后绑定事件,HTML 控件绑定事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。