HTMLElement: sự kiện error
Sự kiện error được kích hoạt trên một phần tử khi tài nguyên không tải được hoặc không thể sử dụng. Ví dụ: khi một tập lệnh có lỗi thực thi hoặc một hình ảnh không tìm thấy hoặc không hợp lệ.
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("error", (event) => { })
onerror = (event) => { }
Loại sự kiện
Đối tượng sự kiện là một đối tượng UIEvent nếu được tạo từ phần tử giao diện người dùng, hoặc một đối tượng Event trong trường hợp còn lại.
Ví dụ
Ví dụ trực tiếp
HTML
html
<div class="controls">
<button id="img-error" type="button">Generate image error</button>
<img src="bad-image.jpg" class="bad-img" alt="I don't exist" />
</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>
JavaScript
js
const log = document.querySelector(".event-log-contents");
const badImg = document.querySelector(".bad-img");
badImg.addEventListener("error", (event) => {
log.textContent += `${event.type}: Loading image\n`;
console.log(event);
});
const imgError = document.querySelector("#img-error");
imgError.addEventListener("click", () => {
badImg.setAttribute("src", "i-dont-exist");
});
Kết quả
Thông số kỹ thuật
| Specification |
|---|
| UI Events # event-type-error |
| HTML # event-error |