这篇文章主要介绍了vue监听键盘事件的快捷方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
在我们的项目经常需要监听一些键盘事件来触发程序的执行,而Vue中允许在监听的时候添加关键修饰符:
对于一些常用键,还提供了按键别名:
<!-- 缩写形式 -->
全部的按键别名:
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right
修饰键:
.ctrl
.alt
.shift
.meta
<!-- Alt + C --><!-- Ctrl + Click --><div>Do something</div>
与按键别名不同的是,修饰键和 keyup 事件一起用时,事件引发时必须按下正常的按键。换一种说法:如果要引发 keyup.ctrl,必须按下 ctrl 时释放其他的按键;单单释放 ctrl 不会引发事件。
<!-- 按下Alt + 释放C触发 --><!-- 按下Alt + 释放任意键触发 --><!-- 按下Ctrl + enter时触发 --><strong style="color:transparent">本文来源gaodai#ma#com搞@@代~&码网^</strong>
对于elementUI的input,我们需要在后面加上.native, 因为elementUI对input进行了封装,原生的事件不起作用。
总结
以上就是vue监听键盘事件的快捷方法【推荐】的详细内容,更多请关注gaodaima搞代码网其它相关文章!