js實現f11的全屏效果

2021-08-20 03:56:56 字數 1262 閱讀 3640

最近專案中需要瀏覽器全屏的效果、我查了很多資料、終於、找到了一段**、說是能相容google chrome 15 +, safri5.1+,firfox10+,ie11支援 、我只試驗了火狐可以、360、以及ie8是沒有成功滴、下面給大家發下**、複製到html的頁面就可以實現啦!

[html] 

view plain

copy

<

inputid=

"button1"

type

="button"

value

="開始全屏"

onclick

="kaishi()"

/>

<

inputid=

"button2"

type

="button"

value

="關閉全屏"

onclick

="guanbi()"

/>

<

script

>

function kaishi()  

//firefox   

else if (docelm.mozrequestfullscreen)   

//chrome等   

else if (docelm.webkitrequestfullscreen)   

//ie11   

else if (elem.msrequestfullscreen)   

}  function guanbi()   

else if (document.mozcancelfullscreen)   

else if (document.webkitcancelfullscreen)   

else if (document.m***itfullscreen)   

}  document.addeventlistener("fullscreenchange", function () , false);  

document.addeventlistener("mozfullscreenchange", function () , false);  

document.addeventlistener("webkitfullscreenchange", function () , false);  

document.addeventlistener("msfullscreenchange", function () , false);  

script

>

JS 實現全屏預覽 F11功能

老是不通過,沒辦法,只能是重新發布了,反正我就是槓上了,大大小小寫過很多前端特效,當然也經常在網上copy或者修改人家的 我覺得也挺好的,為什麼?因為我想這樣,你能怎麼辦,打我?少廢話,直接上 js function fullscreen el if typeof window.activexobj...

開啟瀏覽器全屏實現(類似F11效果)

類似於按f11得到的樣式,隱藏瀏覽器邊框書籤欄以及操作欄。const fullscreen 當全屏 不是通過與使用者互動觸發,而是直接執行指令碼觸發 比如頁面載入時自執行 全屏功能將不會生效。瀏覽器認為自動觸發的全屏特效為不安全或令人困惑的操作,所以禁止了該操作,在chrome控制台中你可以看到如下...

MFC窗體實現 F11全屏切換 2種方法

下面介紹2種方法 實現 f11 全屏切換窗體 相關函式 介紹 repositionbars 0,afx idw pane first,afx idw pane last,reposquery enableclient 這個函式重新擺放控制項 並且根據引數 reposquery 獲得窗體客戶區矩形 m...