vue的事件修饰符

事件修饰符

.stop 阻止事件冒泡

.capture 使用事件捕获模式触发事件

.prevent 阻止默认行为

.passive 不阻止默认行为

.self 事件只由当前元素触发，其子元素不触发此事件

.once 只触发一次

 

按键修饰符

KeyboardEvent.key

• .enter
• .tab
• .delete (捕获“删除”和“退格”键)
• .esc
• .space
• .up
• .down
• .left
• .right
• 0~9 0~9数字
• 65~90 a~z字母键

<input v-model="inputVal" v-on:keyup.delete="clear">  // delete键触发事件处理程序clear

<input v-model="inputVal" v-on:keyup.a="clear"> //字母a键触发事件处理程序clear

<input v-model="inputVal" v-on:keyup.65="clear"> //字母a键触发事件处理程序clear

系统按钮修饰符

• .ctrl
• .alt
• .shift
• .meta

.exact 修饰符

修饰符允许你控制由精确的系统修饰符组合触发的事件

比如 ，.ctrl.exact 由单个系统键ctrl触发，   .ctrl可以由ctrl 、或ctrl+shift、或ctrl+alt、或shift+alt+ctrl触发

鼠标按键修饰符

• .left
• .right
• .middle

这些修饰符会限制处理函数仅响应特定的鼠标按钮