打開手機鍵盤（JS）時防止調整大小事件

Question

大家好，我希望有人知道我如何僅在手機設備改變方向時才能運行功能。 我的意思是只有當手機設備改變它的方向時，而不是當鍵盤打開時>>這就是問題所在。

我知道這個window.innerWidth > window.innerHeight ，結合resize事件，它給了我我需要的東西：確定橫向和縱向。 但是我剛剛在 Android 上測試了我的網站，當鍵盤打開時，這給了我一個fake landscape result ，我的意思是設備方向沒有真正改變。 所以，這就是問題，當手機（Android，iOS）改變方向時我如何運行我的功能，但如果由於鍵盤打開而導致方向改變，則阻止它。

Answer 1

您可以使用window.screen以及它為您提供的所有功能！

Answer 2

鍵盤會導致屏幕高度發生變化。 如果您不想或不需要處理此問題，則可以過濾掉僅對寬度的更改：

let windowWidth = window.innerWidth;
window.addEventListener('resize', function(event) {
    if (window.innerWidth != windowWidth) {
        windowWidth = window.innerWidth;
        handleEvent();
    }
});