Sự kiện fullscreenchange
Thí dụ
Hiển thị một số văn bản khi trang được xem ở chế độ toàn màn hình:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Định nghĩa và Cách sử dụng
Sự kiện toàn màn hình xảy ra khi một phần tử được xem ở chế độ toàn màn hình.
Lưu ý: Sự kiện này yêu cầu các tiền tố cụ thể để hoạt động trong các trình duyệt khác nhau (xem Hỗ trợ trình duyệt bên dưới).
Mẹo: Sử dụng phương thức .requestFullscreen () của phần tử để xem phần tử ở chế độ toàn màn hình.
Mẹo: Sử dụng phần tử .exitFullscreen () phương thức để hủy chế độ toàn màn hình.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ sự kiện. Lưu ý: Mỗi trình duyệt yêu cầu một tiền tố cụ thể (xem dấu ngoặc đơn):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Thí dụ
Sử dụng tiền tố cho mã trình duyệt chéo:
/* Standard syntax */
document.addEventListener("fullscreenchange",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
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);
Lưu ý: Phương thức addEventListener () không được hỗ trợ trong Internet Explorer 8 và các phiên bản trước đó.
Chi tiết kỹ thuật
Bong bóng: | Đúng |
---|---|
Có thể hủy bỏ: | Không |
Loại sự kiện: | Biến cố |
Các thẻ HTML được hỗ trợ: | TẤT CẢ các phần tử HTML |