JavaScript事件处理程序

一、HTML事件处理程序

作用域为元素所在的作用域

function showMessage(){

　　alert("showMessage");

}

<input type="text" value="Click" onclick="alert('Click')" >

<input type="text" value="Click" onclick="showMessage()" >

二、DOM0级事件处理程序

作用域为元素所在的作用域

var btn = document.getElementById("btn");

btn.onclock = function(){

　　alert("click");

}

//删除事件

btn.onclick = null;

三、DOM2级事件处理程序

作用域为元素所在的作用域

function cm(){

　　alert(this.id);

}

var btn = document.getElementById("btn");

btn.addEventListenser("click",cm,false);

//移除事件

btn.removeEventListener("click",cm,false);//由于移除时传入的参数与添加时传入的参数必须相同，所以匿名函数无法被删除

四、IE事件处理程序

作用域为全局作用域

var btn = document.getElementById("btn");

btn.attachEvent("onclick",function(){

　　alert("click");

});

//删除事件

btn.removeEventListener();//由于移除时传入的参数与添加时传入的参数必须相同，所以匿名函数无法被删除