fullscreenchange 事件
示例
在頁面以全屏模式檢視時顯示一些文字
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange 事件已觸發!";
});
自己動手試一試 »
描述
當元素以全屏模式檢視時，會觸發 fullscreenchange 事件。
注意: 此事件需要特定的字首才能在不同瀏覽器中工作（請參閱下面的瀏覽器支援）。
提示：使用 element.requestFullscreen() 方法以全屏模式顯示元素。
提示：使用 element.exitFullscreen() 方法退出全屏模式。
瀏覽器支援
表中數字表示完全支援該事件的第一個瀏覽器版本。注意: 每個瀏覽器都需要一個特定的字首（請參閱括號）
| 事件 | |||||
|---|---|---|---|---|---|
| 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 and Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
自己動手試一試 »
語法
在 HTML 中
<element onfullscreenchange="myScript">
在 JavaScript 中
object.onfullscreenchange = function(){myScript};
在 JavaScript 中，使用 addEventListener() 方法
object.addEventListener("fullscreenchange", myScript);
自己動手試一試 »
技術詳情
| 冒泡 | 是 |
|---|---|
| 可取消 | 否 |
| 事件型別 | 事件 |
| HTML 標籤 | 所有 HTML 元素 |
