JS控制頁面全屏(相容IE10 谷歌 火狐)

2021-09-03 01:11:42 字數 565 閱讀 8415

之前有乙個專案可能需要全屏展示圖示資訊,所以在網上找到一段**,如下:

var element = document.documentelement;

if (!$('body').hasclass("full-screen")) else if (element.mozrequestfullscreen) else if (element.webkitrequestfullscreen) else if (element.msrequestfullscreen)

} else else if (document.mozcancelfullscreen) else if (document.webkitcancelfullscreen) else if (document.m***itfullscreen)

}

經過測試之後發現只有在谷歌瀏覽器下才可以正常執行,ie和火狐並沒有效果,檢視火狐控制台提示如下:

一經想到我這個頁面是作為iframe嵌入到主頁面當中的,所以在iframe中新增 allowfullscreen屬性,並設定為true。 至此,網頁並可正常全屏了。

JS控制全屏,監聽退出全屏事件

實現方案 進入全屏 function requestfullscreen de else if de.mozrequestfullscreen else if de.webkitrequestfullscreen else if de.msrequestfullscreen else if elem...

js事件 相容 頁面重新整理

1.如何獲取事件物件,解決相容 元素.on事件型別 function eve 2.滑鼠事件物件身上,有哪些記錄座標的屬性,分別是相對於誰 e.offsetx y 事件目標 e.clientx y 可視區域 e.pagex y 頁面 e.screenx y 顯示器 3.如何判斷回車鍵,方向鍵,ctrl...

利用js如何做到讓頁面全屏和不全屏功能

element.requestfullscreen 方法用於發出非同步請求使元素進入全屏模式。以下demo是頁面進行全屏和正常螢幕的,你也可以用元素來進行全屏,當然 只有包含在頂層文件 top level document 內部的標準html元素 元素和 元素,以及擁有allowfullscreen...