微信小程序当在一个页面有多个input输入框,自动弹键盘,需要点击input框2次才能聚焦。
解决办法,在点击input框时,调用bindtap事件,关闭键盘、设置焦点。代码示例如下:文章来源:https://www.toymoban.com/news/detail-511087.html
<view class="tr">
<view class="th1">
<text class='title text-bold'>账号:</text>
<input class='radius zc-input text-lg margin-left' bindtap="inputTap" bindinput="bindInputs" id="name" value="{{name}}" placeholder="请输入账号" focus="{{focusId=='name'?true:false}}"></input>
</view>
</view>
<view class="tr">
<view class="th1">
<text class='title text-bold'>密码:</text>
<input class=' radius zc-input1 text-lg margin-left' type="password" bindtap="inputTap" bindinput="bindInputs" id="password" value="{{password}}" placeholder="请输入账号面膜" focus="{{focusId=='password'?true:false}}"></input>
</view>
</view>
inputTap(e){
var that = this
wx.hideKeyboard()
setTimeout(function(){
that.setData({
focusId: e.currentTarget.id
})
},200)
}
方法仅供参考!文章来源地址https://www.toymoban.com/news/detail-511087.html
到了这里,关于微信小程序当在一个页面有多个input输入框,自动弹键盘,需要点击input框2次才能聚焦的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!