uni-app关于input inputmode='none'虚拟键盘 :focus="true" 仍然会弹出软键盘？

uni-app关于input inputmode='none’虚拟键盘 :focus=“true” 仍然会弹出软键盘？

开发环境 版本号 项目创建方式
Windows 10 4.36 HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Windows

手机系统：Android

手机系统版本号：Android 15

手机厂商：华为

手机机型：P40

页面类型：vue

vue版本：vue2

打包方式：云端

示例代码：

<input :focus="focusState" inputmode="none" @blur="dataExamine()" v-model="express_no" placeholder="请输入单号" />

操作步骤：

<input :focus="focusState" inputmode="none" @blur="dataExamine()" v-model="express_no" placeholder="请输入单号" />

预期结果：

inputmode="none"模式下， 设置:focus="true" 时不要弹出软键盘

实际结果：

inputmode="none"模式下， 设置:focus="true" 仍然会弹出软键盘

更多关于uni-app关于input inputmode='none'虚拟键盘 :focus="true" 仍然会弹出软键盘？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

感谢反馈，这个是已知问题，会于近期修复，相关帖子 https://ask.dcloud.net.cn/question/163899
可以把这个 /Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-app-plus/dist/view.umd.min.js 文件给替换成附件的内容

更多关于uni-app关于input inputmode='none'虚拟键盘 :focus="true" 仍然会弹出软键盘？的实战教程也可以访问 https://www.itying.com/category-93-b0.html


啥时候能修复呀，都好几年了

回复 8***@qq.com: hx升级到最新版 4.64

在uni-app中，inputmode='none’在部分Android设备上可能无法完全阻止软键盘弹出，这是已知的平台兼容性问题。针对您的情况，建议改用以下解决方案：

  1. 使用readonly属性替代inputmode：
<input :focus="focusState" readonly @blur="dataExamine()" v-model="express_no" placeholder="请输入单号" />
  1. 或者通过CSS禁用输入：
<input :focus="focusState" style="caret-color: transparent" @blur="dataExamine()" v-model="express_no" placeholder="请输入单号" />
  1. 也可以尝试在focus事件中阻止默认行为：
methods: {
    handleFocus(e) {
        e.target.blur();
        // 其他处理逻辑
    }
}
回到顶部