fullscreenchange 事件
定義和用法
fullscreenchange 事件在以全屏模式查看元素時發生。
注釋：此事件需要特定的前綴才能在不同的瀏覽器中工作（請參閱下面的更多實例）。
提示：請使用 element.requestFullscreen() 方法以全屏模式查看元素。
提示：請使用 element.exitFullscreen() 方法取消全屏模式。
實例
在全屏模式下查看頁面時顯示一些文本：
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
語法
在 HTML 中：
<element onfullscreenchange="myScript">
在 JavaScript 中：
object.onfullscreenchange = function(){myScript};
在 JavaScript 中，使用 addEventListener() 方法：
object.addEventListener("fullscreenchange", myScript);
注釋：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
技術細節
| 冒泡： | 支持 |
|---|---|
| 可取消： | 不支持 |
| 事件類型： | Event |
| 支持的 HTML 標簽： | 所有 HTML 元素 |
瀏覽器支持
表中的數字注明了完全支持該事件的首個瀏覽器版本。 注釋：每款瀏覽器都需要特定的前綴（請參閱括號內）：
| 事件 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
實例
供跨瀏覽器代碼使用的前綴：
/* 標準語法 */
document.addEventListener("fullscreenchange", function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari 和 Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
