uniapp阻止软键盘

### UniApp 中阻止软键盘弹出的解决方案

在开发过程中遇到需要禁用软键盘的情况，比如当应用集成 PDA 扫描枪时，希望点击输入框时不触发虚拟键盘。一种常见方法是在 `main.js` 文件中通过混入全局组件来处理焦点事件并防止默认行为发生[^4]。

#### 使用 Mixin 方案实现全局控制

为了确保每次聚焦 input 组件时不会显示软键盘，可以在项目入口文件 main.js 中引入自定义 mixin 脚本：

// main.js
import Vue from 'vue';
import focusHandler from './utils/focus-handler'; // 自定义mixin脚本路径

Vue.mixin(focusHandler);

接着创建 utils 目录下的 focus-handler.js 文件用于编写具体逻辑:

export default {
    methods: {
        handleFocus(event){
            event.preventDefault();  // 阻止默认行为即软键盘弹出
        }
    },
    mounted(){
        const inputs = document.querySelectorAll('input');
        
        Array.prototype.forEach.call(inputs,(el)=>{
           el.addEventListener('focus',this.handleFocus); 
        });
    },
    destroyed(){
        const inputs = document.querySelectorAll('input');

        Array.prototype.forEach.call(inputs,(el)=>{
           el.removeEventListener('focus', this.handleFocus);
        });
    }
}

这种方法可以有效避免软键盘短暂闪现的问题，并且适用于整个应用程序范围内的所有输入框。

另外还可以尝试调整页面配置项中的 softInputMode 属性设置为 adjustResize 或者 pan 来优化布局适应性，但这并不能完全抑制键盘弹出动作[^3]。

对于某些特定场景下如果上述办法仍无法满足需求，则可能需要借助原生插件 API 实现更深层次的功能定制化操作，例如 plus.key.hideSoftKeyboard()[^2]。