微客导航 » 文章资讯 » vue监听键盘事件的快捷方法【推荐】

vue监听键盘事件的快捷方法【推荐】

2023-09-10 10:48:06 262

在我们的项目经常需要监听一些键盘事件来触发程序的执行，而Vue中允许在监听的时候添加关键修饰符：

对于一些常用键，还提供了按键别名：

全部的按键别名：

.enter
.tab
.delete(捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

修饰键：

.ctrl
.alt
.shift
.meta




Dosomething

与按键别名不同的是，修饰键和keyup事件一起用时，事件引发时必须按下正常的按键。换一种说法：如果要引发keyup.ctrl，必须按下ctrl时释放其他的按键；单单释放ctrl不会引发事件。

对于elementUI的input，我们需要在后面加上.native,因为elementUI对input进行了封装，原生的事件不起作用。

总结

以上所述是小编给大家介绍的vue监听键盘事件的快捷方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！