移动Web开发--Android自带浏览器弹软键盘触发resize事件问题
2013-07-16 21:30
639 查看
在移动Web页面中，resize事件的触发逻辑兼容性问题比较大，建议使用时谨慎些。
在一些安卓自带浏览器中，软键盘的弹出会被浏览器认为是页面尺寸改变并触发resize事件。
如果监测了resize事件并做了页面尺寸的改变，可能会出现盖住输入框，或者在部分android 2手机上面输入时页面上下跳的诡异现象。
结论：
1. 监测手机方向改变优先使用onorientationchange，可以用'onorientationchange' in window判断下，如果不存在再使用resize事件
2. 谨慎使用resize事件
在一些安卓自带浏览器中，软键盘的弹出会被浏览器认为是页面尺寸改变并触发resize事件。
如果监测了resize事件并做了页面尺寸的改变，可能会出现盖住输入框，或者在部分android 2手机上面输入时页面上下跳的诡异现象。
结论：
1. 监测手机方向改变优先使用onorientationchange，可以用'onorientationchange' in window判断下，如果不存在再使用resize事件
2. 谨慎使用resize事件
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- android开发我的新浪微博客户端-OAuth认证过程中用WebView代替原来的系统自带浏览器
- Android应用程序入门 推箱子游戏开发（二） 键盘事件监听 角色在屏幕上移动
- [Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序，转屏时，Ext.Viewport不能触发orientationchange事件的解决办法
- android开发 友盟推送点击Notification使用WebView加载url同时会调用系统浏览器的问题
- [Phonegap+Sencha Touch] 移动开发22、安卓4.0.X的webview或自带浏览器中，去除输入框外面的蓝色边框
- android开发我的新浪微博客户端-OAuth认证过程中用WebView代替原来的系统自带浏览器
- [Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序，转屏时，Ext.Viewport不能触发orientationchange事件的解决办法
- android开发我的新浪微博客户端-OAuth认证过程中用WebView代替原来的系统自带浏览器
- [Phonegap+Sencha Touch] 移动开发16 安卓webview中，input输入框不触发backspace回退键事件的解决办法(带来其他bug，作废)
- [Phonegap+Sencha Touch] 移动开发22、安卓4.0.X的webview或自带浏览器中，去除输入框外面的蓝色边框
- android开发我的新浪微博客户端-OAuth认证过程中用WebView代替原来的系统自带浏览器
- [Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序，转屏时，Ext.Viewport不能触发orientationchange事件的解决的方法
- Android开发遇到一个问题，怎么拦截键盘的input事件
- WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
- Android游戏开发9：触屏事件处理中的常见问题及如何禁止横竖屏切换
- Android WebView开发问题汇总
- Android WebView开发问题及优化汇总
- 微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效；
- web开发中有关浏览器兼容问题及其解决方案的记录
- WEB前端开发人员须知的常见浏览器兼容问题及解决技巧