关于mui框架中input输入框失焦滚到页面顶部问题
作者:互联网
这个问题在实际开发中并没有遇到,因为我用的机型是安卓机型调试的。
1
直到产品上线前,真机测试和使用iOS机型调试就出现问题了:
问题描述:
在浏览器上和iOS手机上,由于mui框架会监听input失焦事件,我在打断点的时候发现走到mui.min.js中会执行方法返回顶部。
解决方法一:
在当前js中为input失焦事件添加如下方法:
1
$("input").on("blur", function () {
$("body").removeClass("mui-focusin")
})
1
2
3
解决方法二:
在mui.min.js中注释如下代码:
d.contains(c) && (d.remove(c), setTimeout(function () {
window.scrollTo(b.body.scrollLeft, b.body.scrollTop)
}, 20))
1
2
3
本人测试第二种方法生效了,第一种不生效不知道为什么。
标签:body,机型,js,输入框,失焦,input,mui 来源: https://blog.csdn.net/tongluren381/article/details/115526106