Vue.js PWA安卓端虚拟键盘Go按钮变Next及事件捕获问题
Vue.js PWA安卓端虚拟键盘按钮异常与事件捕获问题
问题现象
- 基于Vue.js开发的PWA应用近期出现异常:安卓端虚拟键盘的确认操作键从预期的「Go」变为「Next」,且按压该按钮时无法被Vue.js的事件监听捕获
- 该功能三个月前在安卓端运行正常,异常触发逻辑明确:点击页面节点唤起节点编辑表单后,输入框唤起的虚拟键盘确认键就会从「Go」切换为「Next」
- 排除单项目代码改动引发问题的可能:另一套长期未修改代码的同类型PWA项目也出现了完全一致的异常,初步怀疑是近期安卓系统更新调整了虚拟键盘的默认行为
- 测试使用的设备环境:三星J5-2017,运行Android 9系统,内核版本3.18.91-16642474
已尝试的排查方案
目前已在输入组件上绑定如下按键监听逻辑,完全没有生效:
v-on:keydown.enter="onEnter" v-on:keydown.tab.prevent="onEnter"
待解决问题
- 如何调整代码,让CommandInput组件的输入框始终显示「Go」按钮,且按钮的按压事件可以被
v-on:keydown.enter="onEnter"正常捕获 - 如果无法固定键盘显示「Go」按钮,要怎么写代码才能正确捕获「Next」按钮的按压事件
内容的提问来源于stack exchange,提问作者FaDa
相关产品推荐
相关产品推荐

