uni-app无法触发软键盘回车enter事件

uni-app无法触发软键盘回车enter事件

在App运行时，

使用<input @keyup.enter="onEnter">

或

<input @keyup.13="onEnter">

无法触发js中的onEnter() { console.log(11111111111) }

17 回复

按键事件监听：H5和小程序端不能监听键盘事件，app端可以使用5+的API监听，另外可以尝试使用@input和@confirm事件

更多关于uni-app无法触发软键盘回车enter事件的实战教程也可以访问 https://www.itying.com/category-93-b0.html


好的，谢谢

这是个大BUG, 可操作性太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…太差了…

比mui 差太多了.

PDA, 扫码都要要执行enter事件, 进行处理, 你这个uni-app PDA作业这一块就不行了…

用@confirm可以监听到回车

回复 river5000: 广播模式就不行了，刚好也在做pda这一块

是啊，我刚好也在做这一块，好烦啊

各位怎么解决的？

回复 river5000: @confirm 扫描的时候会出现无法清空input的情况，并且v-model绑定的值都为 “” 了 input还是有数据，而且这种情况还不是一直都是，扫描两下就出现一次。

回复 状态的状zhuang: 而且一旦出现这种情况，必须要修改input的遗留数据，如果不修改，直接按回车，数据就清理不掉。导致扫描的结果可能会和第二次连在一起，甚至和第三次连在一起。

遇到一样的问题，请问这个解决了吗？

如果是多个input框,都要用到扫码, 用广播模式不好分辨扫进来的具体代表啥内容啊, 另外使用广播模式,如果换了PDA,还要去适配, 不如监控回车来的方便一些,
我现在遇到的问题就是焦点不好控制, 有些坑

我用了@confirm， 但是条码扫一半（有时候扫了10位执行，有时候扫了11位执行）就执行了@confirm，这个该怎么办？

加判断就有限制了，不过我也遇到瓶颈了，因为他扫描获取的长度长短不一，太难了

最好是能监听到回车键，全局的也好，我也遇到这问题，不好解决。我是输入新值后与上一次输入的旧值的长度比较判断是否为pda扫描输入的。

在uni-app中，移动端的软键盘回车事件确实与web端有所不同。以下是解决方案：

  1. 对于H5端，可以直接使用@keyup.enter监听回车事件

  2. 对于App端，推荐使用confirm-type属性配合@confirm事件：

<input 
  confirm-type="search" 
  @confirm="onEnter"
  v-model="inputValue"
/>
  1. 如果需要兼容多端，可以这样处理：
<input 
  confirm-type="search"
  @confirm="onEnter"
  @keyup.enter="onEnter"
  v-model="inputValue"
/>
  1. 确保在manifest.json中配置了正确的键盘类型：
"app-plus": {
  "softinput": {
    "mode": "adjustPan"
  }
}
回到顶部