记一次 ios下iframe 嵌套表单的input 触发click事件需要 300ms延迟的问题

如下图所示，所嵌套的Iframe页面是一个  Vue项目中的动态表单。

出现了在IOS端访问时，点击页面中的输入框（像往常一样单击）touchstart -> touchend 事件 之间小于300ms则无法唤起输入法，并且光标也不会聚集到输入框中，只有稍微长按一会儿达到300ms才会出现输入法，问题仅出现在了IOS的web中。

 

出现此类情况的直接原因：当父页面出现scroll事件的时候，且内部页面是vue项目一类的页面时，就会这样。 如果你把form表单或者输入框放在页面最上面的时候，直接点，是正常的。但是这样不现实。

然后想了一个 曲线救国的办法，给input，或者所需要直接单击的任何dom元素，加一个touchstart事件，抢先得到事件判断，然后聚焦到iframe，就可以继续事件的触发了~

<input v-model="item.columnValue" @touchstart="windowFocus">


methods: {
    windowFocus() {
      window.focus()
    },
}