Wie rufe ich mit JavaScript ausgewählten Text aus einem TextBox-Steuerelement ab?

Ausgewählten Text aus einem TextBox-Steuerelement mit JavaScript abrufen

Bei der Arbeit mit Textfeldern kann es sein, dass Sie ausgewählten Text abrufen müssen. Ziel dieses Artikels ist es, eine umfassende Lösung für diese Aufgabe bereitzustellen und dabei auf Probleme mit Internet Explorer 6 einzugehen.

Die Auswahl von Text innerhalb eines Textfelds kann mithilfe der integrierten Eigenschaften von JavaScript erreicht werden. Für standardkonforme Browser stellen die Eigenschaften „selectionStart“ und „selectionEnd“ den Bereich des ausgewählten Texts bereit. Für Internet Explorer ist jedoch eine Problemumgehung mithilfe des Auswahlobjekts erforderlich.

<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>

Zunächst trat in Internet Explorer 6 ein Problem auf, das die ordnungsgemäße Funktion des obigen Codes verhinderte. Um dieses Problem zu beheben, wird vor dem Zugriff auf das Auswahlobjekt ein focus()-Aufruf hinzugefügt. Darüber hinaus bietet das Anhängen der ShowSelection()-Funktion an das onkeydown-Ereignis eine stabile Lösung zum Erkennen des ausgewählten Texts.

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

Zur weiteren Erläuterung: Das Problem mit Schaltflächen ergibt sich aus ihrem inhärenten Verhalten beim Aufheben der Auswahl von Text im Internet Explorer . Daher empfiehlt sich stattdessen die Verwendung einer einfachen Eingabetaste. Durch die Implementierung dieser Lösung können Sie ausgewählten Text effektiv aus einem Textfeld-Steuerelement abrufen und so die Herausforderungen überwinden, die mit Internet Explorer 6 auftreten.

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