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