移动端监听软键盘弹起事件

2017-09-26  本文已影响54人  时间de歌

使用zepto.min.js(v1.1.4)

$(window).resize(function () {
  $('.fixed-footer').toggleClass('isHide');
})

在华为荣耀9里面软键盘的弹起和消失会触发3次resize();
改进版本:

var clientHeight = $(window).height();
$(window).resize(function(){
    var   height = $(this).height();
    if (height < clientHeight) {  
          $('.fixed-footer').addClass('isHide');      
    } else {
          $('.fixed-footer').removeClass('isHide');      
    }
})

注意:在body上监听不到resize事件。

上一篇下一篇

猜你喜欢

热点阅读