Element | React Use

📄️ useActiveElement

React 跟蹤 `document.activeElement` 的監聽 hook。本文介紹其用法、最佳實踐與代碼示例。

監聽元素外部的點擊事件。useClickOutside 的別名。適用於模態框或下拉選單。學習使用模式、最佳實踐和 React 開發者的代碼示例。

監聽元素外部的點擊。對於模式或下拉選單很有用。本文介紹其用法、最佳實踐與代碼示例。

跟蹤 [document.visibilityState](https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilityState) 的 React Hook。本文介紹其用法、最佳實踐與代碼示例。

雙擊跟蹤。本文介紹其用法、最佳實踐與代碼示例。

元素拖动。本文介紹其用法、最佳實踐與代碼示例。

創建一个可以拖拽文件的区域。本文介紹其用法、最佳實踐與代碼示例。

追踪 HTML 元素边界框的 React Hook。本文介紹其用法、最佳實踐與代碼示例。

追踪 HTML 元素大小的React Hook. [ResizeObserver MDN](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)。本文介紹其用法、最佳實踐與代碼示例。

追踪視窗内元素可見性的 React Hook。这是 `useIntersectionObserver` 的一个封装器。本文介紹其用法、最佳實踐與代碼示例。

跟蹤元素焦點狀態的 React Hook。本文介紹其用法、最佳實踐與代碼示例。

使用 [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) 跟蹤元素。本文介紹其用法、最佳實踐與代碼示例。

使用 `Resize Observer API` 跟蹤 HTML 元素的尺寸。本文介紹其用法、最佳實踐與代碼示例。

使用 [MutationObserver MDN](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver) 檢測 DOM 的更改。本文介紹其用法、最佳實踐與代碼示例。

使用 [ResizeObserver MDN](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) 跟蹤元素大小。本文介紹其用法、最佳實踐與代碼示例。

跟蹤元素是否粘滞。本文介紹其用法、最佳實踐與代碼示例。

使用 `window.onfocus` and `window.onblur` 事件跟蹤頁面焦點。本文介紹其用法、最佳實踐與代碼示例。

useWindowScroll 是一个 React Hook，它用于獲取瀏覽器窗口的滾動位置。本文介紹其用法、最佳實踐與代碼示例。

跟蹤視窗大小的 React Hook。本文介紹其用法、最佳實踐與代碼示例。