Document: sự kiện readystatechange
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Sự kiện readystatechange được kích hoạt khi thuộc tính readyState của tài liệu đã thay đổi.
Sự kiện này không thể hủy và không nổi bọt.
Cú pháp
Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt thuộc tính trình xử lý sự kiện.
js
addEventListener("readystatechange", (event) => { })
onreadystatechange = (event) => { }
Kiểu sự kiện
Một Event chung.
Ví dụ
Ví dụ trực tiếp
HTML
html
<div class="controls">
<button id="reload" type="button">Tải lại</button>
</div>
<div class="event-log">
<label for="eventLog">Nhật ký sự kiện:</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`;
});
Kết quả
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # event-readystatechange |
Tương thích trình duyệt
Xem thêm
- Các sự kiện liên quan:
DOMContentLoaded,load,beforeunload,unload