Bagaimana untuk Mendapatkan Perkataan di Bawah Kursor dalam JavaScript?

Mendapatkan Word di bawah Kursor dalam JavaScript

Menentukan perkataan yang sedang berada di bawah kursor dalam dokumen HTML ialah keperluan biasa untuk manipulasi teks aplikasi. Artikel ini meneroka kaedah yang boleh dipercayai untuk mencapai perkara ini menggunakan JavaScript, khususnya dalam konteks penyemak imbas moden seperti Chrome.

Untuk menentukan perkataan di bawah kursor, kami memanfaatkan keupayaan objek Julat DOM. Pendekatan ini berulang ke atas kandungan teks elemen dan mengenal pasti perkataan yang merangkumi kedudukan kursor berdasarkan boundingClientRectnya.

Fungsi JavaScript yang disediakan dalam jawapan, getWordAtPoint(), mengambil tiga parameter: elemen, koordinat-x kursor, dan koordinat-y kursor. Ia berulang secara rekursif melalui nod anak elemen, mengembangkan carian jika kursor berada dalam segi empat tepat sempadan nod teks. Sebaik sahaja ia menemui padanan, ia mengembalikan perkataan yang dikenal pasti.

Sekiranya kursor tidak diletakkan di atas mana-mana kandungan teks, fungsi mengembalikan null. Ini boleh digabungkan ke dalam pengendali acara mousemove untuk menentukan perkataan di bawah kursor secara dinamik apabila pengguna menggerakkan tetikus ke atas teks.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Perkataan di Bawah Kursor dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!