iPad 方向更改事件处理程序中的 Javascript 变量已损坏

Question

我正在为 iPad 开发一个 Html 和 Javascript 目录页面滑块，它以纵向方式显示一页，以横向方式显示两页。

用于维护目录状态的两个变量在事件处理程序中的每次方向变化时进行操作。

当我快速翻动 iPad 时，变量就被破坏了。当我像平常一样操作时（也就是说，相当慢），它们就很好。

我尝试使用 locked 变量来防止处理程序在尚未完成的情况下运行，即移动 Safari 在方向更改时中断 Javascript 执行：

function updateOrientation() {
    if (locked) return;
    locked = true;
    ...

但是，情况似乎从未如此;处理程序总是在再次调用之前完成。

那么，变量是如何被破坏的呢？

有什么想法吗？

Answer 1

我已经找到答案了。

通常，我希望方向更改事件意味着方向的更改，即 window.orientation 应该更改值（纵向 -> 横向或横向 -> 纵向）。

然而，快速的翻来覆去会导致事件处理程序被连续调用两次，并从 window.orientation 读取相同的值。这是意想不到的并且会破坏状态变量。

我通过保持最后一个已知的方向解决了这个问题，如果该值自上次以来没有改变，则立即返回。

function updateOrientation() {
if (lastOrientation == isPortrait()) return; // prevent erroneous orientation changes
lastOrientation = isPortrait();