ios在吊起瀏覽器后底部白屏以及blur和click事件沖突

當輸入框失去焦點的時候,將窗口滾動到最原始位置

let ua = window.navigator.userAgent.toLowerCase()
$('input').blur(function() {
 if (ua.match(/(android|ios)/i)) {
    window.scrollTo(0,0)'
   //或者是下面的方法
   $(window).scrollTop(0)
  }
})

但是當我們點擊提交表單數(shù)據(jù)的時候,click就會和blur沖突。主要由于JavaScript為單線程,同一時間只能執(zhí)行處理一個事件, blur優(yōu)先于click執(zhí)行,為了解決第一次click的時候會執(zhí)行blur中的事件,采用延遲的方法將blur事件中scroll方法放在延遲函數(shù)中。

$('input').blur(function() {
  if (ua.match(/(android|ios)/i)) {
    setTimeout(() => {
       window.scrollTo(0,0)'
      //或者是下面的方法
      $(window).scrollTop(0)
    }, 60)
   }
})
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 一群人的電影 一群人的海 一群感受不到孤獨的人 在洶涌的海浪邊胡亂徘徊 所到之處都是一隅風景 你在腦海的冬在四處蔓...
    Rador3閱讀 295評論 0 0
  • 《老友記》里莫妮卡跟剪了所有信用卡的瑞秋說:“歡迎來到現(xiàn)實世界,它糟透了,但你會喜歡的?!?記得那天大概是十點多了...
    秦小厚閱讀 424評論 0 1
  • Python中的re模塊--正則表達式 使用match從字符串開頭匹配 以匹配國內手機號為例,通常手機號為11位,...
    sunhaiyu閱讀 1,049評論 0 2

友情鏈接更多精彩內容