通过添加触发事件的方式扩大元素可被选中的范围

如题，在某一表单信息中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获得焦点。