#博学谷IT学习技术支持
目录
事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象。
事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到DOM最顶层节点
事件委托原理:不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。
-
事件对象
-
事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象。
-
事件对象的使用语法
- event 就是一个事件对象 写到我们侦听函数的 小括号里面 当形参来看
- 事件对象只有有了事件才会存在,它是系统给我们自动创建的,不需要我们传递参数
- 事件对象 是 我们事件的一系列相关数据的集合 跟事件相关的 比如鼠标点击里面就包含了鼠标的相关信息,鼠标坐标啊,如果是键盘事件里面就包含的键盘事件的信息 比如 判断用户按下了那个键
- 这个事件对象我们可以自己命名 比如 event 、 evt、 e
- 事件对象也有兼容性问题 ie678 通过 window.event 兼容性的写法 e = e || window.event;
-
-
事件对象的兼容性方案
-
-
事件对象的常见属性和方法
- e.target 和 this 的区别
- this 是事件绑定的元素,这个函数的调用者(绑定这个事件的元素)
- e.target 是事件触发的元素
- e.target 和 this 的区别
-
-
阻止事件冒泡
-
事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到DOM最顶层节点
-
两种方式
-
阻止事件冒泡的兼容性解决方案
-
-
事件委托(代理、委派)
-
事件委托原理:不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。
-
-
常见鼠标事件
-
-
常见键盘事件
-
-
案例:
-
跟随鼠标的天使
-
-
模拟京东按键输入内容
- 按下s键,光标定位到搜索框
-
模拟京东快递单号查询
-
-