Document：readystatechange 事件
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
当文档的 readyState 属性发生改变时，会触发 readystatechange 事件。
| 是否冒泡 | 否 |
|---|---|
| 是否可取消 | 否 |
| 接口 | Event |
| Event handler 属性 | onreadystatechange |
示例
实时演示
HTML
html
<div class="controls"> <button id="reload" type="button">Reload</button> </div> <div class="event-log"> <label>Event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="30"></textarea> </div> JavaScript
js
const log = document.querySelector(".event-log-contents"); const reload = document.querySelector("#reload"); reload.addEventListener("click", () => { log.textContent = ""; window.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`; }); 结果
规范
| Specification |
|---|
| HTML # event-readystatechange |