click事件在IOS中需要点击2次才触发

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

//主要代码
  
发送

click事件在IOS中需要点击2次才触发_第1张图片

解决方法:

把click改成touchstart即可:
发送

但是现在还有另外一个问题,就是发送后,键盘不自动收回。。
原因:向下滚动,发现input没有自动失去焦点。
click事件在IOS中需要点击2次才触发_第2张图片

解决方法:

让input主动失去焦点即可

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

你可能感兴趣的:(vue.js,html5,ios)