输入框回车,在键盘不收起的情况下如何聚焦到下一个
发布于 6 年前 作者 junpan 7487 次浏览 来自 问答

页面有多个input组件，如何在一个组件里面点击next的时候 自动聚焦到下一个的组件？键盘不能闪动,我的实现方式有bug,不知怎么解决

<form bindsubmit="formSubmit" wx:if="{{!cbMsgToggle}}">
    <image style='width:100%;' src='../../images/getprice.jpg' mode='widthFix'></image>
    <view class='font-h3 center'>免费获取装修报价</view>
    <view class="area">
      <view class="weui-flex">
        <view class='weui-flex__item weui-btn tri-left' bindtap='showPicker'><input name='location' type='hidden' value='{{areaPicker.address}}'></input>{{areaPicker.address}}</view>
        <view class='weui-flex__item rel'><input class='weui-input' name='acreage' type='text' placeholder='面积' confirm-type='next' cursor-spacing='172' id='0' bindconfirm='nextBlur' focus='{{false}}' confirm-hold></input><text class='abs'>m²</text></view>
      </view>
      <view class='weui-flex'>
        <view class='weui-flex__item'><input class='weui-input' name='fullname' type ='text' placeholder='姓名' confirm-type='next' cursor-spacing='126' id='1' bindconfirm='nextBlur' focus='{{blurId == 1 ? true : false }}' confirm-hold></input></view>
      </view>
      <view class='weui-flex'>
        <view class='weui-flex__item'><input class='weui-input' name='phone' type='text' placeholder='手机号' confirm-type='done' cursor-spacing='80' id='2' bindconfirm='formSubmit' focus='{{blurId == 2 ? true : false }}' confirm-hold></input></view>
      </view>
 
      <import src="../../tmpl/areaPicker/index.wxml"/>
      <template wx:if="{{areaToggle}}" is="areaPicker" data="{{...areaPicker}}" />
    </view>
    <view class="btn-area">
      <button class="weui-btn" type="primary" formType="submit">马上获取</button>
    </view>
    <view class='font-h5 center'>*为了您的权益,您的隐私将被严格保密</view>
  </form>
data: {
        userInfo: {},
        logged: false,
        takeSession: false,
        requestResult: '',
        areaToggle: false,
        cbMsg: {},
        cbMsgToggle: false,
        blurId: 0
    },
closeCbMsg: function () {
      this.setData({
        cbMsgToggle: false,
        cbMsg: {},
        blurId: 0
      })
    },
    nextBlur: function (e) {
      console.log(e)
      this.setData({
        blurId: Number(e.target.id)+1
      })
      console.log(this.data.blurId)
    },

从面积框到姓名框正常,从姓名框到手机框时,键盘就收起来了,也就是失去光标了,不知

回到顶部