當輸入框失去焦點的時候,將窗口滾動到最原始位置
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)
}
})