一、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();//由于移除时传入的参数与添加时传入的参数必须相同，所以匿名函数无法被删除
