事件修饰符
- .stop:阻止事件冒泡
- .capture:使用事件捕获模式,然后才交由内部元素处理
- .self:处于目标阶段,才会触发,不能有子元素
- .prevent:阻止dom默认行为,比如表单元素阻止提交功能,a标签阻止链接跳转
- .once:绑定事件只会触发一次
- .passive:滚动事件的默认行为(即滚动行为)将会立即触发,而不是等待onScroll完成,添加了 .passive 表示不会在监听函数里添加 preventDefault() 来阻止默认行为,也会忽略.prevent事件,因为.passive会告诉浏览器你不想阻止事件的默认行为
DOM事件流存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。事件默认是在事件冒泡阶段触发
事件冒泡和事件捕获:
发生时间不同:事件捕获先发生,事件冒泡后发生
行为不同:事件捕获在被捕获之后事件会继续进行,阻止事件冒泡事件就会停止进行
按键修饰符
按键码
- .enter
- .tab
- .delete (捕获“删除”和“退格”键)
- .esc
- .space
- .up
- .down
- .left
- .right
- .ctrl
- .alt
- .shift
- .meta
鼠标按钮修饰符
- .left:在绑定dom范围内鼠标左键点击会触发
- .right:在绑定dom范围内鼠标右键点击会触发
- .middle:在绑定dom范围内鼠标中间键点击会触发
网友评论