Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Meletakkan Karet Secara Pengaturcaraan dalam Elemen Boleh Suntingan Kandungan?
Meletakkan Karet pada Kedudukan Tertentu dalam Elemen Boleh Diedit Kandungan
Apabila berurusan dengan elemen boleh diedit kandungan, keupayaan untuk menetapkan kursor (karet) untuk kedudukan tertentu boleh menjadi penting. Walau bagaimanapun, untuk mencapai ini mungkin tidak mudah.
Dalam kebanyakan penyemak imbas web, menggunakan objek Julat dan Pemilihan adalah kuncinya. Dengan menentukan setiap sempadan pilihan sebagai nod dan offset dalam nod itu, anda boleh mengawal peletakan karet.
Untuk menggambarkan, pertimbangkan contoh HTML mudah dengan div boleh diedit kandungan:
<div>
Sekarang, bayangkan anda ingin meletakkan karet pada aksara kelima baris kedua teks. Untuk mencapai matlamat ini, ikuti langkah berikut:
Buat Objek Julat:
var range = document.createRange();
Set Pemilihan Sempadan:
var myDiv = document.getElementById("editable"); range.setStart(myDiv.childNodes[2], 5); range.collapse(true);
Tetapkan Pilihan:
var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range);
Cetuskan Fungsi:
Lampirkan kod di atas kepada acara klik pada butang:
document.getElementById("button").addEventListener("click", setCaret);
Dengan mengikuti langkah-langkah ini, anda kini boleh menetapkan kedudukan karet secara pemrograman dalam elemen yang boleh diedit kandungan.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meletakkan Karet Secara Pengaturcaraan dalam Elemen Boleh Suntingan Kandungan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!