Wie kann ich mithilfe von JavaScript eine Textauswahl in Textfeldern beibehalten und erhalten?

Erfassen von ausgewähltem Text aus einem Textfeld mit JavaScript

Implementieren eines Auswahlerhaltungsmechanismus

Abfrage:

Wie kann ich die Textauswahl in einem Textfeld beibehalten, auch nach der Interaktion mit anderen Steuerelementen?

Lösung:

Um die Textfeldauswahl über Klicks auf andere Elemente hinweg beizubehalten, verwenden Sie die Folgender Ansatz:

1. Verwenden Sie das onKeyDown-Ereignis des Dokuments, um eine Funktion aufzurufen, die den ausgewählten Text liest, wenn eine Taste gedrückt wird.
2. In der Auswahllesefunktion nutzen Sie den Fokus ()-Methode, um den Fokus auf den Textbereich wiederherzustellen und sicherzustellen, dass die Auswahl aktiv bleibt.

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

Ausgewählten Text aus einem Textfeld abrufen

Abfrage:

Wie kann ich den in einem Textfeld ausgewählten Text programmgesteuert abrufen?

Lösung:

Um den ausgewählten Text aus einem Textfeld abzurufen, befolgen Sie diese Schritte Schritte:

1. Identifizieren Sie das Textfeldelement mit der Funktion getElementById.
2. Verwenden Sie die Eigenschaften „selectionStart“ und „selectionEnd“, um die Start- und Endpositionen des ausgewählten Texts zu bestimmen.
3. Extrahieren Sie den ausgewählten Text mithilfe der Teilzeichenfolgenmethode.

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);
}

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript eine Textauswahl in Textfeldern beibehalten und erhalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!