Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mendapatkan Kembali Kedudukan Karet dalam Medan Input Teks?

Bagaimanakah Saya Boleh Mendapatkan Kembali Kedudukan Karet dalam Medan Input Teks?

Linda Hamilton
Lepaskan: 2024-12-13 19:06:19
asal
871 orang telah melayarinya

How Can I Retrieve the Caret Position in a Text Input Field?

Mengambil semula Kedudukan Karet dalam Medan Input Teks

Ingin tahu cara mendapatkan kedudukan kursor daripada medan input? Artikel ini akan menyediakan beberapa penyelesaian, termasuk pemalam jQuery yang mudah disepadukan.

pemalam jQuery

Untuk mendapatkan kedudukan kursor menggunakan pemalam jQuery, ikut langkah berikut:

  • Pasang pemalam jQuery seperti Caret. js.
  • Rujuk skrip pemalam dalam halaman.
  • Gunakan kaedah $("#myinput").caretPosition() untuk mendapatkan kedudukan kursor.

Penyelesaian lain

Jika anda tidak mahu menggunakan pemalam jQuery, anda boleh menggunakan penyelesaian berikut:

JavaScript asli

Kaedah ini berdasarkan medan.selectionStart Sifat:

function doGetCaretPosition(field) {
  return field.selectionStart;
}
Salin selepas log masuk

Fungsi Readme

Penyelesaian ini menyediakan keserasian yang lebih luas, termasuk IE dan Firefox:

function doGetCaretPosition(field) {
  var iCaretPos = 0;

  // IE support
  if (document.selection) {
    field.focus();
    var oSel = document.selection.createRange();
    oSel.moveStart('character', -field.value.length);
    iCaretPos = oSel.text.length;
  }

  // Firefox support
  else if (field.selectionStart || field.selectionStart == '0') {
    iCaretPos = field.selectionDirection=='backward' ? field.selectionStart : field.selectionEnd;
  }

  return iCaretPos;
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Kembali Kedudukan Karet dalam Medan Input Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan