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

编程入门 行业动态 更新时间:2024-10-25 08:27:48

关于mui框架中input<a href=https://www.elefans.com/category/jswz/34/1764593.html style=输入框失焦滚到页面顶部问题"/>

关于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输入框失焦滚到页面顶部问题

本文发布于:2024-03-15 04:48:11,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1738133.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:输入框   框架   页面   mui   失焦滚到

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!