iPhone webapp：在方向更改时运行JavaScript

Question

我有一个保存到iPhone主屏幕的webapp，我需要在设备更改方向时运行一些JavaScript。

我试过这个，但它似乎只能在桌面浏览器中使用而不能在iPhone上运行。

window.onresize = function() {
  alert('rotation change!');
};

我是否应该参加一些特殊活动？

Answer 1

您正在寻找onorientationchange。

Answer 2

与jQuery一起使用：

$(document).ready(function () {
  function reorient(e) {
    alert('rotation change!');
  }
  window.onorientationchange = reorient;
  window.setTimeout(reorient, 0);
});

或者您可以在代码中使用onorientationchange。

如果您不需要知道DOM文档何时准备就绪，则无需使用jQuery。