1. 程式人生 > >懶妹子,第一次開始想寫部落格,有那麼一丟丟小激動呢 ememem--進入正題,分享關於個別iphoneX輸入框失去焦點的bug

懶妹子,第一次開始想寫部落格,有那麼一丟丟小激動呢 ememem--進入正題,分享關於個別iphoneX輸入框失去焦點的bug

近來iphone新機鋪面而來,作為一個自己沒有iphone最新機的小前端,也只有羨慕的份啦,不過呢程式碼還是要碼的,新機的bug還是要改滴,iphone x系列包括xs xr,當input獲取焦點後鍵盤彈起,頁面隨著鍵盤向上滑動,一切正常,然鵝,當輸入完,點選手機鍵盤自帶的完成按鈕,或者是你要進入下一步操作,例如登入的時候,輸入框自然就失去了焦點,問題來了,頁面並沒有隨著鍵盤滑動下來,且頁面的點選事件也觸發不了,個人想到的解決辦法,直接貼程式碼

//原生寫法   
document.documentElement.addEventListener("focusout",function(){
           document.documentElement.scrollTop 
= 0 })
1.focusout == 支援事件冒泡,事件捕獲,也就是把事件監聽到window或者document上,可以監聽到頁面內所有的失去焦點事件(可相容IE)

2.blur == 不支援事件冒泡,需要把事件監聽到具體的哪個input上