Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mengesan Limpahan Teks dengan Elipsis Menggunakan JavaScript?
Mengesan Limpahan Teks dalam Elemen dengan Elipsis
Dalam HTML, sifat limpahan teks membolehkan anda memotong teks yang melimpah dan menggunakan elipsis untuk nyatakan sambungannya. Walau bagaimanapun, anda mungkin memerlukan cara untuk menentukan secara pemrograman teks elemen yang sedang dipotong menggunakan JavaScript.
Satu kaedah untuk mencapai ini ialah dengan membandingkan lebar mengimbangi dan lebar tatal bagi elemen yang mengandungi teks melimpah. Lebar mengimbangi mewakili lebar sebenar elemen pada halaman, manakala lebar tatal termasuk bahagian melimpah yang tersembunyi.
Berikut ialah fungsi JavaScript mudah yang boleh digunakan untuk mengesan jika teks unsur melimpah:
function isEllipsisActive(e) { return (e.offsetWidth < e.scrollWidth); }
Anda boleh menggunakan fungsi ini dengan menghantar elemen span yang mengandungi teks untuk diperiksa sebagai hujah. Jika fungsi itu kembali benar, maka teks elemen sedang dipotong dengan elipsis.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Limpahan Teks dengan Elipsis Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!