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: "", // 页面跳转路径
});
}