vue键盘事件不生效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue键盘事件不生效相关的知识,希望对你有一定的参考价值。

参考技术A 很多刚开始使用v-on的键盘事件时,经常会碰到明明添加了@keyup.按键名/值,却没有起作用,(小鸡不尿尿,各有各的道),其实不是没有起作用,而是元素没有获取焦点导致的。

比如把 keyup 事件绑定在按钮上面,如果焦点不在按钮上,就无法响应这个事件。点击之后,焦点就在按钮上,所以这时按空格键有效。

思路:

以上是关于vue键盘事件不生效的主要内容,如果未能解决你的问题,请参考以下文章

Vue的键盘事件

Vue中监听键盘事件

Vue键盘事件的使用

vue--阻止冒泡、默认行为、键盘事件

Vue2键盘事件

vue教程1-05 事件 简写事件对象冒泡默认行为键盘事件