js 移动端适配

移动端键盘弹出引发的窗口位置重置

Posted by hdj on May 4, 2020

问题

在移动端输入框，弹出键盘的时候会触发窗口的resize 事件，导致监控此事件的东东触发，无法输入

解决

在触发的时候记录一次上次的（body)界面宽度，在resize的时候比较界面（body)当前宽度的值，

一致就不触发，不一致再触发。

            const currentWidth = body.getBoundingClientRect().width;
            if(this._oldWidth === currentWidth ){
                return
            }else{
                this._oldWidth = currentWidth
            }