Sự kiện fullscreenchange
Định nghĩa và cách sử dụng
Sự kiện fullscreenchange xảy ra khi xem toàn màn hình các yếu tố.
Ghi chú:Sự kiện này cần tiền tố đặc biệt để hoạt động trên các trình duyệt khác nhau (xem thêm các ví dụ bên dưới).
Lưu ý:Vui lòng sử dụng element.requestFullscreen() phương thức để xem phần tử trong chế độ toàn màn hình.
Lưu ý:Vui lòng sử dụng element.exitFullscreen() Phương thức huỷ bỏ chế độ toàn màn hình.
Mô hình
Hiển thị một số văn bản khi xem trang trong chế độ toàn màn hình:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "Sự kiện fullscreenchange được kích hoạt!";
});
Cú pháp
Trong HTML:
<element onfullscreenchange="myScript">
Trong JavaScript:
object.onfullscreenchange = function(){myScript});
Trong JavaScript, sử dụng phương thức addEventListener():
object.addEventListener("fullscreenchange", myScript);
Ghi chú:Internet Explorer 8 và các phiên bản trước không hỗ trợ Phương thức addEventListener().
Chi tiết kỹ thuật
| Bubbling: | Hỗ trợ |
|---|---|
| Có thể hủy bỏ: | Không hỗ trợ |
| Loại sự kiện: | Sự kiện |
| Thẻ HTML được hỗ trợ: | Tất cả các phần tử HTML |
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ sự kiện này. Ghi chú: Mỗi trình duyệt cần có tiền tố đặc biệt (xem trong dấu ngoặc):
| Sự kiện | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Mô hình
Để sử dụng mã đa trình duyệt:
/*语法 tiêu chuẩn */
document.addEventListener("fullscreenchange", function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari và Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
