前端-js基础-事件高级2-CSDN博客

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