手机端之苹果手机模态框中的光标错位问题|时刻需

//blur事件是当光标离开当前节点时触发

问题1：苹果手机模态框中input选中后出现手机端键盘，在填写input框完成后，手机键盘消失导致页面上的光标位置错位。

解决方法：给input加blur事件，当光标在input框离开后，让页面的位置归位未0，既是初始状态。

$('body').on("blur","input",function(){//input情况下
window.scroll(0,0); //让页面归位
});

//----------------------------------------------------------------------------

问题2：苹果手机模态框中input选中后出现手机端键盘，在填写input框完成后，手机键盘消失导致页面上的光标位置错位。

解决方法：给input加blur事件，当光标在input框离开后，让页面的位置归位未0，既是初始状态。

$('body').on("blur","select",function(){//select情况下
window.scroll(0,0); //让页面归位
});

//----------------------------------------------------------------------------

问题3：苹果手机模态框中input选中后出现手机端键盘，在填写input框完成后，手机键盘消失导致页面上的光标位置错位。

解决方法：给input加blur事件，当光标在textarea框离开后，让页面的位置归位未0，既是初始状态。

$('body').on("blur","textarea",function(){//textarea情况下
window.scroll(0,0); //让页面归位
});

$('body').on("blur","input",function(){//input情况下
window.scroll(0,0); //让页面归位
});
$('body').on("blur","select",function(){//select情况下
window.scroll(0,0); //让页面归位
});
$('body').on("blur","textarea",function(){//textarea情况下
window.scroll(0,0); //让页面归位
});