在開(kāi)發(fā)移動(dòng)端webapp的時(shí)候，在微信端ios瀏覽器中遇到過(guò)一個(gè)巨坑。

我在做一個(gè)移動(dòng)端登錄的頁(yè)面，頁(yè)面需要輸入手機(jī)號(hào)密碼，當(dāng)我點(diǎn)擊input輸入框，輸入一連串的字符之后，然后點(diǎn)擊完成，ios鍵盤(pán)消失，input失去焦點(diǎn)，這時(shí)候發(fā)現(xiàn)再次點(diǎn)擊input框的時(shí)候不能夠獲取焦點(diǎn)了(注意：不是必現(xiàn)情況)。點(diǎn)擊事件發(fā)生了錯(cuò)位，比如我點(diǎn)擊了上面，可是實(shí)際出發(fā)點(diǎn)擊事件的位置和我手指點(diǎn)擊的位置不一樣。

廢話不多說(shuō)，直接說(shuō)解決方法。

添加失去焦點(diǎn)事件

  <input type="number" pattern="[0-9]*" class="r" placeholder="請(qǐng)?zhí)顚?xiě)手機(jī)號(hào)" v-model="phone" @blur="scrollto0">

methods: {
  scrollto0 () {
    window.scrollTo(0, 0);
  }
}

當(dāng)然，如果你調(diào)起鍵盤(pán)前滾動(dòng)條不為0，需自行處理滾動(dòng)條位置。

有問(wèn)題可以聯(lián)系本人QQ：836717428