微信小程序 - input 获取焦点禁用键盘弹起

358 阅读1分钟

1. 功能说明

在开发项目中,有些页面功能需要点击input组件直接跳转其他页面或者其他功能,这时在获取焦点时,就不希望键盘弹出

2. 解决方法

使用小程序自带的 catchtouchstart=" " 方法

catchTouchstart(){
    // 禁用键盘弹起
    wx.hideKeyboard();
}

需要注意的是,在使用该方法后input所有默认功能都将禁用。等同于input变成了view属性。catchTouchstart 方法等同于 bindTap

3. 代码示例

index.wxml
<input class="searhInput" type="text" placeholder="请输入搜索的商品" placeholder-class="placeholderClass" catchtouchstart="catchTouchstart" />
index.js
/** input */
catchTouchstart(){
    // 禁用键盘弹起
    wx.hideKeyboard();
    wx.navigateTo({
        url: "", // 页面跳转路径
    });
}