关于mui框架中input输入框失焦滚到页面顶部问题

本文主要是介绍关于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

本人测试第二种方法生效了，第一种不生效不知道为什么。

这篇关于关于mui框架中input输入框失焦滚到页面顶部问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！