javascript android window.onorientationchange 连续触发

Question

我正在尝试检测移动设备上的方向变化并在完成方向后触发一个函数，但该函数中的代码在 Android 中不断触发，我不确定为什么。这是我的代码:

var supportsOrientationChange = "onorientationchange" in window;
var orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

window.addEventListener(orientationEvent, 
   function() { alert ('orientation changed'); }, 
   false
);

有谁知道如何编写它以便在方向更改完成后只触发一次？

Answer 1

我在我的应用程序中使用了解决方法。我为 orientationchange 添加了一个事件监听器，然后设置了一个超时，这样 orientationchange 就可以发生，我可以获得一个新的宽度值，该值实际上反射(reflect)了方向更改后的宽度。

var device_width = 0;
$(document).ready(function () {
    var oc_timer;
    $(window).bind('orientationchange', function () {
        clearTimeout(oc_timer);
        oc_timer = setTimeout(function () {
            device_width = $(window).width();
        }, 500);
    });
});

我不确定这会解决您的持续触发功能问题，但这是我发现的有效解决方案。