Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
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
body {
display: grid;
grid-template-areas: "control log";
}
.controls {
grid-area: control;
display: flex;
align-items: center;
justify-content: center;
}
.event-log {
grid-area: log;
}
.event-log-contents {
resize: none;
}
label,
button {
display: block;
}
#reload {
height: 2rem;
}
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
Enable JavaScript to view this browser compatibility table.
Siehe auch
- Verwandte Ereignisse:
DOMContentLoaded,load,beforeunload,unload