sự kiện thay đổi toàn màn hình
Ví 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!";
});
Hãy tự mình thử »Sự miêu tả
Sự kiện fullscreenchange 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 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 phần tử .requestFullscreen() để xem phần tử ở chế độ toàn màn hình.
Mẹo: Sử dụng phương thức phần tử .exitFullscreen() để 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) |
Ví 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() {
...
});
Hãy tự mình thử »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 );
Hãy tự mình thử »Chi tiết kỹ thuật
Bong bóng: | Đúng |
---|---|
Có thể hủy: | KHÔNG |
Loại sự kiện: | Sự kiện |
Thẻ HTML: | TẤT CẢ các phần tử HTML |