移动Web开发--Android自带浏览器弹软键盘触发resize事件问题

来源:互联网 发布:澳洲保健品 知乎 编辑:程序博客网 时间:2024/06/05 20:05

在移动Web页面中,resize事件的触发逻辑兼容性问题比较大,建议使用时谨慎些。


在一些安卓自带浏览器中,软键盘的弹出会被浏览器认为是页面尺寸改变并触发resize事件。

如果监测了resize事件并做了页面尺寸的改变,可能会出现盖住输入框,或者在部分android 2手机上面输入时页面上下跳的诡异现象。

 

结论:

1. 监测手机方向改变优先使用onorientationchange,可以用'onorientationchange' in window判断下,如果不存在再使用resize事件

2. 谨慎使用resize事件

原创粉丝点击