日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

js模仿f11全屏_JS实现全屏预览F11功能的示例代码

發布時間:2023/12/3 javascript 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js模仿f11全屏_JS实现全屏预览F11功能的示例代码 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

老是不通過,沒辦法,只能是重新發布了,反正我就是杠上了,大大小小寫過很多前端特效,當然也經常在網上copy或者修改人家的代碼,我覺得也挺好的,為什么?!因為我想這樣,你能怎么辦,打我?

少廢話,直接上代碼,

JS代碼

function fullScreen(el) {

var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,

wscript;

if(typeof rfs != "undefined" && rfs) {

rfs.call(el);

return;

}

if(typeof window.ActiveXObject != "undefined") {

wscript = new ActiveXObject("WScript.Shell");

if(wscript) {

wscript.SendKeys("{F11}");

}

}

}

function exitFullScreen(el) {

var el= document,

cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,

wscript;

if (typeof cfs != "undefined" && cfs) {

cfs.call(el);

return;

}

if (typeof window.ActiveXObject != "undefined") {

wscript = new ActiveXObject("WScript.Shell");

if (wscript != null) {

wscript.SendKeys("{F11}");

}

}

}

HTML代碼

最近受了一點點小刺激,對自己做的工作產生迷茫,不知道還要做這個做多久,還有我其實還是喜歡設計多一些,還有我喜歡設計,但是設計太難了,經常覺得自己做的東西跟別人的,比起來差個好幾萬塊錢,Why?你問我,我問誰。好吧,我也很無賴。

舉個小小例子,隨便來一個按鈕試試,按鈕上在來個點擊事件切換。

  • 全屏查看

    全屏關閉

  • 2
  • 3
  • 5

記得一定要加上調用代碼,調用代碼,調用代碼,說三遍...

JS調用代碼

var oBtnFullOpen = document.getElementById('BtnFullOpen');

var oContent = document.getElementById('Content');

oBtnFullOpen.onclick = function() {

fullScreen(oContent);

oBtnFullQuite.setAttribute("style", "display:block");

oBtnFullOpen.setAttribute("style", "display:none");

}

var oBtnFullQuite = document.getElementById('BtnFullQuite');

oBtnFullQuite.onclick = function() {

exitFullScreen(oContent);

oBtnFullQuite.setAttribute("style", "display:none");

oBtnFullOpen.setAttribute("style", "display:block");

};

只做個人備忘,不做任何發表,不做信息交流。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

總結

以上是生活随笔為你收集整理的js模仿f11全屏_JS实现全屏预览F11功能的示例代码的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。