其实就两个函数
event: MouseEvent
event.preventDefault();
event.stopPropagation();
事件冒泡和事件捕获
event.stopPropagation()
事件冒泡和事件捕获都是为了解决页面中事件流(事件发生顺序)的问题。
事件冒泡会从最内层的元素开始发生,一直向上传播,直到document对象。
事件捕获会从最外层的元素开始发生,从document对象开始,一直向下传播。
stopPropagation支持两种模式,默认是阻止事件冒泡。
取消默认事件
event.preventDefault()
默认事件指的是<a href="">,<input type="submit">
这类有默认行为的标签,通过点击可以跳转或提交。我们给这类标签绑定一个点击事件,设置事件对象的preventDefault()方法就可以阻止默认事件的发生.