Internet Explorer中的JavaScript方向更改問題

Question

每當移動設備從縱向切換為橫向時，我都需要執行一些JavaScript邏輯。 我正在使用以下檢查來完成此操作：

var doOnOrientationChange = function() {
if (window.innerWidth > window.innerHeight) {
// Execute logic for users who are switching to landscape mode
}
};

這適用於所有iPhone和Android瀏覽器，但不適用於Windows Phone 8上的IE10。有時，當IE10用戶點擊輸入時，橫向模式的邏輯就會觸發。

當用戶切換到橫向模式時，為什么IE10會感覺到此動作？

Answer 1

對IE10使用resize事件，而不是orientationchange更改。 Windows Phone 8中沒有orientationchange事件。

jQuery代碼：

$(window).on('resize', function () {
    if (window.innerWidth > window.innerHeight) {
        // Execute logic for users who are switching to landscape mode
    }
});

另外，請閱讀此答案，以了解如何在Android和iOS設備中觸發orientationchange和resize事件。