javascript
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功能的示例代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 医疗机构义诊备案管理办法(医疗机构义诊备
- 下一篇: 监听js变量的变化_JS监听事件型爬虫