在修剪溢出文字並使用 CSS 顯示省略號的情況下,偵測哪些元素的內容是有用的透過 JavaScript 溢位。以下是實現此目的的方法:
實作以下JavaScript 函數,提供目標元素(通常是包含文字的)作為參數:
function isEllipsisActive(e) { return (e.offsetWidth < e.scrollWidth); }
此函數評估是否元素的可見寬度(offsetWidth)小於其實際內容寬度(scrollWidth),表示內容溢位。透過使用所需的元素呼叫此函數,您可以確定是否由於溢出而套用省略號啟動。
利用此函數,您可以有效地偵測溢位元素並相應地調整腳本或樣式。
以上是如何使用 JavaScript 檢測 HTML 文字溢出?的詳細內容。更多資訊請關注PHP中文網其他相關文章!