Baseline 2024
Newly available
Das selectionchange-Ereignis der Selection API wird ausgelöst, wenn die Textauswahl innerhalb eines <textarea>-Elements geändert wird. Dies umfasst sowohl Ãnderungen im ausgewählten Zeichenbereich als auch, wenn der Cursor bewegt wird.
Dieses Ereignis ist nicht abbrechbar.
Das Ereignis wird üblicherweise verarbeitet, indem ein Ereignis-Listener auf das <textarea> hinzugefügt wird, und in der Handler-Funktion werden die Eigenschaften selectionStart, selectionEnd und selectionDirection des HTMLTextAreaElement ausgelesen.
Es ist auch möglich, einen Listener auf den globalen onselectionchange-Event-Handler hinzuzufügen und innerhalb der Handler-Funktion Document.getSelection() zu verwenden, um die Selection zu erhalten. Dies ist jedoch nicht sehr nützlich, um Ãnderungen an Text-Auswahlen zu erhalten.
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Event-Handler-Eigenschaft.
addEventListener("selectionchange", (event) => { })
onselectionchange = (event) => { }
Ein generisches Event.
Das folgende Beispiel zeigt, wie der im <textarea>-Element ausgewählte Text abgerufen wird.
<div>
Enter and select text here:<br /><textarea
id="my-text"
rows="2"
cols="20"></textarea>
</div>
<div>selectionStart: <span id="start"></span></div>
<div>selectionEnd: <span id="end"></span></div>
<div>selectionDirection: <span id="direction"></span></div>
const myInput = document.getElementById("my-text");
myInput.addEventListener("selectionchange", () => {
document.getElementById("start").textContent = myInput.selectionStart;
document.getElementById("end").textContent = myInput.selectionEnd;
document.getElementById("direction").textContent = myInput.selectionDirection;
});
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4