页面有多个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)
},
|
从面积框到姓名框正常,
从姓名框到手机框时,键盘就收起来了,也就是失去光标了,不知
我爱小程序
