Adakah Teks Saya Melimpah dan Memaparkan Elipsis?

Cara Mengesan jika Teks Melimpah dan Elipsis Aktif

Teks yang melimpah boleh dipotong dan dipaparkan dengan elipsis (...) menggunakan Sifat CSS seperti ruang putih, limpahan dan limpahan teks. Walau bagaimanapun, pengesanan kandungan elemen mana yang melimpah mungkin diperlukan dalam senario tertentu.

Untuk mencapainya, anda boleh menggunakan fungsi JavaScript seperti yang disediakan di bawah:

function isEllipsisActive(e) {
  return (e.offsetWidth < e.scrollWidth);
}

Fungsi ini menerima elemen (biasanya elemen span yang mengandungi teks) sebagai hujah. Ia membandingkan offsetWidth elemen (lebar kelihatan elemen) dengan scrollWidth (jumlah lebar kandungan elemen). Jika offsetWidth kurang daripada scrollWidth, ini bermakna kandungan sedang dipotong dan elipsis aktif.

Untuk menggunakan fungsi, hantar elemen span sebagai argumen dan semak nilai yang dikembalikan. Nilai benar menunjukkan bahawa teks elemen melimpah, manakala nilai palsu menunjukkan paparan teks biasa.

Atas ialah kandungan terperinci Adakah Teks Saya Melimpah dan Memaparkan Elipsis?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!