常见的事件修饰符及其作用
.stop
:等同于 JavaScript 中的 event.stopPropagation() ,防止事件冒泡;.prevent
:等同于 JavaScript 中的 event.preventDefault() ,防止执行预设的行为(如果事件可取消,则取消该事件,而不停止事件的进一步传播);-
.capture
:当元素发生冒泡时,先触发带有该修饰符的元素。若有多个该修饰符,则由外而内触发。如 div1中嵌套div2中嵌套div3.capture中嵌套div4,那么执行顺序为:div3=》div4=》div2=》div1 .self
:只会触发自己范围内的事件,不包含子元素;.once
:只会触发一次。