Bagaimanakah Saya Boleh Memasukkan Teks pada Kedudukan Kursor dalam Kotak Teks Menggunakan JavaScript/jQuery?

Memasukkan Teks di mana Kursor berada dengan Javascript/jquery

Apabila bekerja dengan halaman berat teks, keperluan untuk memasukkan teks pada titik tertentu boleh timbul, terutamanya apabila mencetuskan peristiwa menggunakan pautan. Artikel ini menyelidiki cara untuk memasukkan teks pada kedudukan kursor atau menambahkannya pada kotak teks yang difokuskan tanpa mengira jenis elemen menggunakan JavaScript atau jQuery.

Satu penyelesaian yang berkesan memanfaatkan fungsi insertAtCaret. Ia mengenal pasti jenis penyemak imbas (Internet Explorer atau Firefox) dan kedudukan kursor berdasarkan sifat selectionStart elemen atau kaedah createRange. Fungsi kemudian mengubah suai kandungan elemen, menambah teks yang dikehendaki pada kedudukan kursor.

Untuk melaksanakan penyelesaian ini, cuma masukkan fungsi dan pengendali acara yang disediakan dalam kod anda:

function insertAtCaret(areaId, text) {
  // Function to insert text at the cursor position
  ...
}

// Event handler to insert text on link click
document.querySelector('a').addEventListener('click', function() {
  insertAtCaret('textareaid', 'text to insert');
});

Oleh menggunakan teknik ini, anda boleh memasukkan teks secara dinamik pada kedudukan kursor, meningkatkan pengalaman pengguna dan memudahkan manipulasi teks pada halaman web anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memasukkan Teks pada Kedudukan Kursor dalam Kotak Teks Menggunakan JavaScript/jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!