最近在做个项目,其中有个页面是申请登录页面,在手机上测试的是用vscode的live-server,把地址链接发到微信上打开就出现问题了。点击按钮以外的区域也会触发这个按钮才有的事件。就因为这个老大叼了我一顿,说我布局有问题,委屈巴巴~~~好在通过百度找到了问题所在。 看网上的解释就是因为当 input失去焦点,页面被顶起没有还原,按钮或者input还在原来的位置。 所以就有以下的方法来处理
当input失去焦点的时候,让页面滚动滚动到顶部
$("input").blur(function(){
setTimeout(() => {
const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 100);
})
或者
$('input').blur(function(){
setTimeout(function() {
var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
&nbs