事件对象
获取事件对象
image.png
事件对象常用属性
pageX pageY 获取光标相对于页面左上角的位置
key 用户按下的键盘键的值
image.png
事件流
image.png
事件冒泡概念: 当一个元素的事件被触发时，同样的事件将会在该元素的所有祖先元素中依次被触发。这一过程被称为事件冒泡
简单理解：当一个元素触发事件后，会依次向上调用所有父级元素的同名事件
事件冒泡是默认存在的
事件捕获
image.png
阻止时间流动
image.png
image.png
鼠标移入移出事件：
mouseover 和 mouseout 会有冒泡效果
mouseenter 和 mouseleave 没有冒泡效果(推荐)
image.png
image.png
阻止浏览器的默认行为
image.png
image.png
事件委托
优点：给父级元素加事件（可以提高性能）
原理：事件冒泡，给父元素注册的事件，子元素是可以触发
实现：事件对象.target 可以获得真正触发事件的元素
image.png
