共计 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();
正文完