Baseline 2024
Newly available
Das selectionchange Ereignis der Selection API wird ausgelöst, wenn die Textauswahl innerhalb eines <input> Elements geändert wird. Dies umfasst sowohl Ãnderungen im ausgewählten Zeichenbereich als auch Bewegungen des Cursors.
Dieses Ereignis kann nicht abgebrochen werden.
Das Ereignis wird üblicherweise durch das Hinzufügen eines Ereignis-Listeners auf dem <input> verarbeitet, und in der Handler-Funktion werden die Eigenschaften selectionStart, selectionEnd und selectionDirection des HTMLInputElement ausgelesen.
Es ist auch möglich, einen Listener auf den onselectionchange Ereignishandler zu setzen 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 erfassen.
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("selectionchange", (event) => { })
onselectionchange = (event) => { }
Ein generisches Event.
Das folgende Beispiel zeigt, wie man den Text erhält, der in einem <input> Element ausgewählt ist.
<div>
Enter and select text here:<br /><input id="my-text" rows="2" cols="20" />
</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