Dokument: readystatechange-Ereignis
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Das readystatechange-Ereignis wird ausgelöst, wenn sich das readyState-Attribut eines Dokuments ändert.
Dieses Ereignis ist nicht abbrechbar und wird nicht nach oben weitergegeben.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
js
addEventListener("readystatechange", (event) => { }) onreadystatechange = (event) => { } Ereignistyp
Ein generisches Event.
Beispiele
Live-Beispiel
HTML
html
<div class="controls"> <button id="reload" type="button">Reload</button> </div> <div class="event-log"> <label for="eventLog">Event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="30" id="eventLog"></textarea> </div> CSS
JavaScript
js
const log = document.querySelector(".event-log-contents"); const reload = document.querySelector("#reload"); reload.addEventListener("click", () => { log.textContent = ""; setTimeout(() => { window.location.reload(true); }, 200); }); window.addEventListener("load", (event) => { log.textContent = `${log.textContent}load\n`; }); document.addEventListener("readystatechange", (event) => { log.textContent = `${log.textContent}readystate: ${document.readyState}\n`; }); document.addEventListener("DOMContentLoaded", (event) => { log.textContent = `${log.textContent}DOMContentLoaded\n`; }); Ergebnis
Spezifikationen
| Specification |
|---|
| HTML # event-readystatechange |
Browser-Kompatibilität
Loading…
Siehe auch
- Verwandte Ereignisse:
DOMContentLoaded,load,beforeunload,unload