Bagaimana untuk Mengesan Perkataan yang Diklik dalam Teks Tanpa Mengubah HTML?

Pengesanan Perkataan Berasaskan Peristiwa Klik

Dalam pembangunan web, mengenal pasti perkataan yang diklik dalam teks boleh menjadi penting untuk aplikasi interaktif. Satu pendekatan biasa melibatkan menghuraikan HTML dan membungkus setiap perkataan dalam elemen span, menggunakan jQuery untuk mengesan klik dan mendapatkan semula teks perkataan. Walau bagaimanapun, penyelesaian ini tidak cekap dan tidak menarik dari segi estetika.

Untuk meningkatkan proses, kaedah alternatif tersedia yang menghapuskan keperluan untuk pengubahsuaian HTML secara besar-besaran. Penyelesaian ini menggunakan API Pemilihan, disokong dalam penyemak imbas moden seperti Webkit, Mozilla dan IE9 .

Pelaksanaan JavaScript yang disediakan (https://jsfiddle.net/Vap7C/15/) membolehkan pengesanan perkataan melalui perkara berikut langkah:

1. Tentukan pengendali acara klik untuk elemen teks sasaran.
2. Gunakan kaedah getSelection() untuk mendapatkan semula pemilihan teks semasa.
3. Buat Julat objek untuk menentukan kedudukan permulaan dan penamat perkataan dalam teks.
4. Lelar melalui teks untuk mencari kedudukan permulaan perkataan, berdasarkan ruang putih.
5. Lanjutkan julat untuk mencari kedudukan akhir perkataan, sekali lagi berdasarkan ruang putih.
6. Pangkas teks yang dipilih dan paparkannya sebagai perkataan yang diklik.

Kaedah ini menawarkan pelaksanaan yang lebih pantas dan bersih untuk pengesanan perkataan berasaskan klik, tanpa memerlukan yang meluas Pengubahsuaian HTML atau API pelayar luaran. Ia beroperasi dengan berkesan dalam pelbagai penyemak imbas, menyediakan penyelesaian yang boleh dipercayai untuk aplikasi berasaskan teks interaktif.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Perkataan yang Diklik dalam Teks Tanpa Mengubah HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!