javascript - 为什么我用 window.onresize 触发事件时得到了错误的 window.height 值？

Question

window.onresize = function () {
  initiate();
};

function initiate() {
  var windowWidth = $(window).width();
  var windowHeight = $(window).height();
  ...

我想要做的是在屏幕转动时重新绘制我的 Canvas (移动网络应用程序)。我现在遇到的问题是，如果我转动屏幕，$(window).width();给出旧的宽度，也是 $(document).width();不起作用。计时器可以解决问题，但必须有更好、更简洁的方法。

有人知道如何解决这个问题吗？

Answer 1

您的函数 initiate() 将调用每个像素窗口调整大小出了什么问题。您需要做的就是添加一些 setTimeout 例如:

var resizeHandler;
window.onresize = function () {
  clearInterval( resizeHandler );
  resizeHandler = setTimeout( initiate, 500 );
};

我认为没有更简洁的方法，因为您的事件处理程序调用了太多次......