HTMLTextAreaElement: select-Ereignis

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das select-Ereignis wird ausgelöst, wenn ein Text ausgewählt wurde.

In diesem Artikel

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignishandler-Eigenschaft.

js
addEventListener("select", (event) => { })

onselect = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Auswahl-Logger

html
<textarea>Try selecting some text in this element.</textarea>
<p id="log"></p>

js
function logSelection(event) {
  const log = document.getElementById("log");
  const selection = event.target.value.substring(
    event.target.selectionStart,
    event.target.selectionEnd,
  );
  log.textContent = `You selected: ${selection}`;
}

const textarea = document.querySelector("textarea");
textarea.addEventListener("select", logSelection);

onselect-Äquivalent

Sie können den Ereignishandler auch über die onselect-Eigenschaft einrichten:

textarea.onselect = logSelection;

Spezifikationen

Spezifikation

HTML
# event-select

HTML
# handler-onselect

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

HTMLTextAreaElement.select()

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden