场景:
输入框与发送按钮是兄弟关系。输入框获取焦点时会唤起键盘,点击发送的输入框会失去焦点。
要求:
点击发送按钮时,输入框不能失去焦点,键盘一直呈现唤出状态
分析:
当我们点击某一个元素时,这个元素就会默认获取焦点,在上述场景中,输入框在获取焦点时会唤出键盘,但是由于发送按钮与输入框不是同一个dom元素,所以点击发送按钮时输入框就会失去焦点,发送按钮就会回去焦点,键盘就是收起。
如果阻止点击dom元素的默认获得焦点这个事情,那么上一个获取焦点的dom元素就不会失去焦点。也就是输入框不会失去焦点,键盘就不会收起
操作:
发送按钮的事件用 @touchend.prevent=""
- touchend(触屏事件)
- prevent(阻止默认事件)
例子:
<view class="send" :class="sendMsgClass" @touchend.prevent="sendText">
<view class="btn">发送</view>
</view>
评论 (0)