关于vue.js:click事件在IOS中需要点击2次才触发

1,页面中有一个Input框和一个按钮,在安卓零碎内没问题,在IOS上须要点击2次能力触发click事件。第1次收起键盘,第2次触发click

//次要代码
  <div class="inputBox">
        <div
          class="textarea"
          placeholder="说点什么吧~"
          contenteditable="true"
          id="testarea"
          @input="onTextareaInput"
          @focus="focus"
          @blur="blur"
          @keydown="keyDown"
        ></div>
        <van-button v-show="msg != ''" type="primary" size="small" @touchstart="sendMsg" >发送</van-button>

解决办法:

把click改成touchstart即可:
<van-button v-show="msg != ''" type="primary" size="small" @touchstart="sendMsg" >发送</van-button>

然而当初还有另外一个问题,就是发送后,键盘不主动发出。。
起因:向下滚动,发现input没有主动失去焦点。

解决办法:

让input被动失去焦点即可

 let textarea = document.getElementById("textarea");
      textarea.blur();

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理