一、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();//由于移除时传入的参数与添加时传入的参数必须相同,所以匿名函数无法被删除
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步