事件
1、事件处理程序
事件就是用户或浏览器自身执行的某种动作。
响应某个事件的函数叫做事件处理程序。
事件处理程序有以下几种:
(1)HTML事件处理程序
eg: <div onclick="changeBg()">点击</div>
<div onclick="alert(event.type)">点击</div>
(2)DOM0事件处理程序
eg: var btn = document.getElementById("btn");
btn.onclick = function(event){
//事件处理句柄
}
(3)DOM2事件处理程序
eg: var btn = document.getElementById("btn");
btn.addEventListener('click',fucntion(event){
//事件处理句柄
},false);
(4)IE事件处理程序
eg: var btn = document.getElementById("btn");
btn.attachEvent('onclick',fucntion(event){
//事件处理句柄
});
(5)跨浏览器事件处理程序(PS:使用EventUtil对象创建一个addHandler()方法)
可以像下面这样使用EventUtil对象
2、事件对象event
(1)DOM中的事件对象
(2)IE中的事件对象
(3)跨浏览器的事件对象
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步