事件函数绑定方式
1.赋值形式及其问题
1 document.onclick=fn; 2 document.onclick=fn1; 3 function fn(){alert(0)} 4 function fn1(){alert(1)}
这样做,第二次赋的值会替换掉第一次的值 ,点击时只会输出1
2.函数形式
所有IE:obj.attachEvent(事件名称,事件函数)
a.没有捕获
b.事件名称有on
c.事件执行顺序:标准IE正序,非标准倒序
d.事件函数中this指向window
标准下(IE9+):obj.addEventListener(事件名称,事件函数,是否捕获(默认为false))
a.有捕获
b.事件名称没有on
c.事件正序执行
d.this指向触发事件的对象
3.赋值形式事件的取消
document.onclick=null
4.函数形式事件的取消
IE:obj.dettachEvent('onclick',fn1)
标准下:obj.removeEventListener('click',fn1,false) //只会解除相应时间流的事件函数绑定
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步