發布窗口調整大小事件，但在用戶看不到頁面之前？

Question

我試圖在window.resize方法之后獲取div的高度，以便該元素具有其新的高度，但是在向用戶顯示輸出之前，我可以更改另一個div的高度。

我已經知道的，在這種情況下不打算使用

• 使用百分比設置另一個div的高度
• 使用固定高度
• 改用CSS
• 使用clientHeight
• 使用內部高度

回到問題

JS或JQuery中是否有任何事件可以讓我知道調整文檔大小但尚未在屏幕上顯示給用戶的狀態。

 $(window).resize(WindowResizeNow);

Answer 1

您可以使用$(window).resize() 。

當您在JS函數中更改DOM時，DOM會立即更新，但是在執行該函數后會呈現一個頁面。

對於某些每秒觸發幾次的事件（例如resize和scroll ， keydown等），這可能並不明顯，但是用戶可以將它們作為單個事件保留。

如果多個處理程序調用引起麻煩，則可以使用debouncer將其忽略。