Vue中的事件修饰符
-
prevent:阻止默认事件(常用)
-
native:声明原生事件(常用)
-
stop:阻止事件冒泡(常用)
-
once:事件只触发一次(常用)
-
capture:使用事件的捕获模式
-
self:只有event.target是当前操作的元素时才触发事件
-
passive:事件的默认行为立即执行,无需等待事件回调执行完毕
-
scroll 滚动条滚动事件
- 触发事件后优先滚动,再执行函数
-
wheel 鼠标滚轮滚动事件
- 触发事件后优先执行函数,再滚动
-
Vue中的键盘修饰符
-
keyup事件是键盘弹起触发
-
keydown事件是键盘按下触发
-
回车 => enter
-
删除 => delete (捕获“删除”和“退格”键)
-
退出 => esc
-
空格 => space
-
换行 => tab (特殊,必须配合keydown去使用)
-
上 => up
-
下 => down
-
左 => left
-
右 => right
-
系统修饰键(用法特殊):ctrl、alt、shift、meta
- 配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。
- 配合keydown使用:正常触发事件。