Wie rufe ich ausgewählten Text aus einem Textfeld in JavaScript ab?

Ausgewählten Text aus einem Textfeld in JavaScript abrufen

Bei der Arbeit mit Webformularen ist es oft notwendig, den ausgewählten Text des Benutzers aus einem abzurufen Textfeld. Dies kann mithilfe von JavaScript und den folgenden Schritten erfolgen:

Schritt 1: Cross-Browser-Kompatibilität implementieren

Um die Kompatibilität zwischen verschiedenen Browsern sicherzustellen, verwenden Sie zur Bestimmung den folgenden Code die bevorzugte Methode zum Abrufen des ausgewählten Textes:

<code class="js">function getSelection(textComponent) {
  if (textComponent.selectionStart !== undefined) {
    // Standards-compliant version
    return textComponent.value.substring(textComponent.selectionStart, textComponent.selectionEnd);
  } else if (document.selection !== undefined) {
    // Internet Explorer version
    textComponent.focus();
    var sel = document.selection.createRange();
    return sel.text;
  }
}</code>

Schritt 2: Ausgewählten Text bei Ereignis abrufen

Um den ausgewählten Text des Benutzers abzurufen, wenn er auf eine Schaltfläche oder klickt Wenn Sie ein anderes UI-Element verwenden, fügen Sie dem Element einen Ereignis-Listener hinzu:

<code class="js">document.getElementById("button").addEventListener("click", function() {
  var selectedText = getSelection(document.getElementById("textbox"));
  alert(selectedText);
});</code>

Schritt 3: Internet Explorer-Macken behandeln

Internet Explorer 6 erfordert möglicherweise zusätzliche Schritte, um das abzurufen Text richtig ausgewählt. Verwenden Sie den folgenden Code:

<code class="js">document.onkeydown = function (e) {
  getSelection(document.getElementById("textbox"));
};</code>

Beispiel:

Das folgende Beispiel demonstriert die Funktionalität in Aktion:

<code class="html"><input id="textbox" type="text" value="Lorem ipsum dolor sit amet">
<button id="button">Get Selected Text</button>

<script>
  document.getElementById("button").addEventListener("click", function() {
    var selectedText = getSelection(document.getElementById("textbox"));
    alert(selectedText);
  });
</script></code>

Indem Sie diese Schritte befolgen , können Sie den ausgewählten Text effektiv aus einem Textfeld in JavaScript abrufen, um die browserübergreifende Kompatibilität sicherzustellen und Internet Explorer-Macken zu beheben.

Das obige ist der detaillierte Inhalt vonWie rufe ich ausgewählten Text aus einem Textfeld in JavaScript ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!