仿微信聊天界面实现技巧手机虚拟键盘「仿微信聊天界面实现技巧」

做仿微信聊天总结：

1. 通过输入框的focus，blur事件控制虚拟键盘的弹起消失

2. 通过 document.documentElement.clientHeight 获得页面高度。

  在开始时虚拟键盘未弹起时计算页面高度，并记录成全局变量，通过对比，判断虚拟键盘是否弹起。

  window.screen.height可以获得屏幕高度，但是不会随虚拟键盘弹起消失进行变化。

3. 

var screen_h = document.documentElement.clientHeight;

//  通过window的onresize事件监控虚拟键盘的弹起过程

window.onresize = function () {
        var cur_h = document.documentElement.clientHeight;

      //  过当前页面高度和全局的初始高度比较判断键盘是否在弹起或者消失的过程中
        if (screen_h === cur_h) {
        }
}

4. 参考链接：http://www.cnblogs.com/sese/p/5629404.html