Bagaimanakah Saya Boleh Mendapatkan Kedudukan Karet (dalam Aksara) dalam Textarea Merentasi Pelayar Berbeza?

Mendapatkan Kedudukan Karet dalam Kawasan Teks dalam Bilangan Aksara

Ringkasan Masalah:

JavaScript pembangun mencari kaedah untuk mendapatkan semula kedudukan karet berasaskan aksara dalam elemen textarea. Kedudukan ini penting untuk pelbagai tugas manipulasi teks.

Jawapan:

Pelayar Firefox dan Safari menawarkan penyelesaian mudah melalui sifat textarea.selectionStart. Walau bagaimanapun, untuk keserasian Internet Explorer, pendekatan yang lebih kompleks diperlukan.

Kod yang disediakan mentakrifkan fungsi getCaret(), yang menggunakan strategi berbeza bergantung pada jenis penyemak imbas:

• Dalam penyemak imbas berasaskan Gecko (termasuk Firefox dan Safari): Ia bergantung pada textarea.selectionStart.
• Dalam Internet Explorer: It mencontohi kefungsian dengan mencipta julat sementara dan mengukur panjangnya terhadap julat asal.

Selain itu, pemalam jQuery FieldSelection disyorkan untuk manipulasi pemilihan teks yang lebih maju.

Pelaksanaan Kemas Kini:

Kod asal telah diperhalusi sebagai berikut:

function getCaret(el) {
  if (el.selectionStart) {
    return el.selectionStart;
  } else if (document.selection) {
    el.focus();
    var r = document.selection.createRange();
    if (r == null) { return 0; }
    var re = el.createTextRange(), rc = re.duplicate();
    re.moveToBookmark(r.getBookmark());
    rc.setEndPoint('EndToStart', re);
    return rc.text.length;
  }
  return 0;
}

Pelaksanaan yang dikemas kini ini menawarkan peningkatan kebolehpercayaan dan fleksibiliti merentas persekitaran penyemak imbas yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Kedudukan Karet (dalam Aksara) dalam Textarea Merentasi Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!