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

40次阅读

共计 589 个字符,预计需要花费 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();

正文完
 0