uniAPP 如何不让输入框不失去焦点( 阻止点击默认事件)

moonjerx
2022-12-13 / 0 评论 / 173 阅读 / 正在检测是否收录...

场景:

输入框与发送按钮是兄弟关系。输入框获取焦点时会唤起键盘,点击发送的输入框会失去焦点。

要求:

点击发送按钮时,输入框不能失去焦点,键盘一直呈现唤出状态

分析:

  当我们点击某一个元素时,这个元素就会默认获取焦点,在上述场景中,输入框在获取焦点时会唤出键盘,但是由于发送按钮与输入框不是同一个dom元素,所以点击发送按钮时输入框就会失去焦点,发送按钮就会回去焦点,键盘就是收起。
  如果阻止点击dom元素的默认获得焦点这个事情,那么上一个获取焦点的dom元素就不会失去焦点。也就是输入框不会失去焦点,键盘就不会收起

操作:

发送按钮的事件用 @touchend.prevent=""

  • touchend(触屏事件)
  • prevent(阻止默认事件)

例子:

<view class="send" :class="sendMsgClass" @touchend.prevent="sendText">
    <view class="btn">发送</view>
</view>
0

评论 (0)

取消

您的IP: