Bagaimana untuk Memelihara dan Mendapatkan Pemilihan Teks dalam Kotak Teks Menggunakan JavaScript?

Memperoleh Teks Terpilih daripada Kotak Teks Menggunakan JavaScript

Melaksanakan Mekanisme Pemeliharaan Pemilihan

Pertanyaan:

Bagaimanakah saya boleh mengekalkan pemilihan teks dalam kotak teks, walaupun selepas berinteraksi dengan kawalan lain?

Penyelesaian:

Untuk mengekalkan pemilihan kotak teks merentas klik pada elemen lain, gunakan pendekatan berikut:

1. Gunakan acara onKeyDown dokumen untuk menggunakan fungsi yang membaca teks yang dipilih apabila kekunci ditekan.
2. Dalam fungsi pembacaan pilihan, manfaatkan fokus () kaedah untuk memulihkan fokus kepada kawasan teks, memastikan pemilihan kekal aktif.

document.onkeydown = function (e) { ShowSelection(); }

Mendapatkan Teks Terpilih daripada Kotak Teks

Pertanyaan:

Bagaimanakah saya boleh mendapatkan teks yang telah dipilih secara pengaturcaraan dalam kotak teks?

Penyelesaian:

Untuk mendapatkan semula teks yang dipilih daripada kotak teks, ikut ini langkah:

1. Kenal pasti elemen kotak teks menggunakan fungsi getElementById.
2. Gunakan sifat selectionStart dan selectionEnd untuk menentukan kedudukan mula dan akhir teks yang dipilih.
3. Ekstrak teks yang dipilih dengan menggunakan kaedah subrentetan.

function ShowSelection()
{
  var textComponent = document.getElementById('Editor');
  var selectedText;

  if (textComponent.selectionStart !== undefined)
  {
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos);
  }
  else if (document.selection !== undefined)
  {
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }

  alert("You selected: " + selectedText);
}

Atas ialah kandungan terperinci Bagaimana untuk Memelihara dan Mendapatkan Pemilihan Teks dalam Kotak Teks Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!