如何在沒有 jQuery 的情況下監聽瀏覽器視窗大小調整事件？

瀏覽器視窗調整大小事件：不使用jQuery 監聽

要在不使用jQuery 的情況下掛鉤瀏覽器視窗調整大小事件，有兩種主要方法：

方法一：新增事件Listener

首選方法是為 resize 事件新增事件監聽器。這確保了每當視窗大小調整時都會呼叫監聽器。

window.addEventListener('resize', function(event) {
    // Code to execute when the window is resized
}, true);

addEventListener 函數中的 true 參數指定應在事件的擷取階段呼叫監聽器。

方法 2：為 onresize 屬性指派一個處理程序

另一種方法是指派一個處理程序函數到 window 物件的 onresize 屬性。然而，此方法只能有一個用於調整大小事件的處理程序。

window.onresize = function(event) {
    // Code to execute when the window is resized
};

注意事項

• jQuery 可以提供額外的功能來確保一致觸發跨瀏覽器調整事件大小。
• 建議在多個瀏覽器中測試功能，例如 Firefox、Safari 和Internet Explorer 以確保正確的行為。

以上是如何在沒有 jQuery 的情況下監聽瀏覽器視窗大小調整事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！