如题,在某一表单信息中input框可被选中的范围可能很小,这时我们就需要通过绑定触发事件的方式来扩大它的可点击范围
在父元素上绑定事件toFocus
<view class="table--input" data-name="phone" bindtap='toFocus'>
<view class="left">
<text>手机</text>
</view>
<view class="right">
<view class="right--msg">
<input type='number' bindinput='bindInput3' value='{{inputValuePhone}}' focus="{{focus === 'phone'}}"></input>
</view>
<view class="right--icon">
<view class="table--set"></view>
</view>
</view>
</view>
JS部分
toFocus:function(e){
this.setData({
focus: e.currentTarget.dataset.name
})
},
每当点击父元素时将对应的data-name的值存入被监听的数据focus中,当被监听值于设定值相等时,使input获得焦点。