Bagaimana untuk Mengambil Teks Terpilih daripada Kawalan TextBox Menggunakan JavaScript?

Mendapatkan Teks Terpilih daripada Kawalan TextBox Menggunakan JavaScript

Apabila bekerja dengan kotak teks, anda mungkin menghadapi keperluan untuk mendapatkan semula teks yang dipilih. Artikel ini bertujuan untuk menyediakan penyelesaian yang komprehensif untuk tugasan ini, menangani isu yang dihadapi dengan Internet Explorer 6.

Pemilihan teks dalam kotak teks boleh dicapai menggunakan sifat terbina dalam JavaScript. Untuk penyemak imbas yang mematuhi piawaian, sifat selectionStart dan selectionEnd menyediakan julat teks yang dipilih. Walau bagaimanapun, untuk Internet Explorer, penyelesaian menggunakan objek pemilihan adalah perlu.

<code class="javascript">function ShowSelection() {
  var textComponent = document.getElementById('Editor');
  var selectedText;

  if (textComponent.selectionStart !== undefined) { 
    // Standards-compliant version
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos);
  } else if (document.selection !== undefined) {
    // Internet Explorer version
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }

  alert("You selected: " + selectedText);
}</code>

Pada mulanya, isu timbul dalam Internet Explorer 6, yang menghalang kod di atas daripada berfungsi dengan betul. Untuk menangani ini, panggilan fokus() ditambahkan sebelum mengakses objek pemilihan. Selain itu, melampirkan fungsi ShowSelection() pada acara onkeydown menyediakan penyelesaian yang stabil untuk mengesan teks yang dipilih.

<code class="javascript">document.onkeydown = function (e) {
  ShowSelection();
};</code>

Untuk penjelasan lanjut, isu dengan butang berpunca daripada tingkah laku mereka yang menyahpilih teks dalam Internet Explorer . Oleh itu, menggunakan butang input ringkas adalah disyorkan. Dengan melaksanakan penyelesaian ini, anda boleh mendapatkan semula teks terpilih dengan berkesan daripada kawalan kotak teks, mengatasi cabaran yang dihadapi dengan Internet Explorer 6.

Atas ialah kandungan terperinci Bagaimana untuk Mengambil Teks Terpilih daripada Kawalan TextBox Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!