1.何为事件
2.重要吗？ — 交互体验的核心功能
演示demo — 拖拽，和点击
如何绑定事件
1.ele.onxxx = function (event) {}
兼容性很好，但是一个元素只能绑定一个处理程序
基本等同于写在HTML行间上
2.obj.addEventListener(type, fn, false);
IE9以下不兼容，可以为一个事件绑定多个处理程序
3.obj.attachEvent(‘on’ + type, fn);
IE独有，一个事件同样可以绑定多个处理程序
小练习：参见神马笔试题
事件处理程序的运行环境
1.ele.onxxx = function (event) {}
程序this指向是dom元素本身
2.obj.addEventListener(type, fn, false);
程序this指向是dom元素本身
3.obj.attachEvent(‘on’ + type, fn);
程序this指向window
封装兼容性的 addEvent(elem, type, handle);方法
解除事件处理程序
ele.onclick = false/‘’/null;
ele.removeEventListener(type, fn, false);
ele.detachEvent(‘on’ + type, fn);
注:若绑定匿名函数，则无法解除
网友评论