JS实现全屏预览F11功能的示例代码
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
老是不通过,没办法,只能是重新发布了,反正我就是杠上了,大大小小写过很多前端特效,当然也经常在网上copy或者修改人家的代码,我觉得也挺好的,为什么?!因为我想这样,你能怎么办,打我?
少废话,直接上代码,
JS代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | 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?你问我,我问谁。好吧,我也很无赖。
举个小小例子,随便来一个按钮试试,按钮上在来个点击事件切换。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | < html id = "Content" > < body > < ul > < li > < a id = "BtnFullOpen" href = "javascript:void(0);" rel = "external nofollow" rel = "external nofollow" title = "按“F11”进入全屏模式" > < i class = "ace-icon fa fa-arrows-alt" ></ i >全屏查看 </ a > < a id = "BtnFullQuite" href = "javascript:void(0);" rel = "external nofollow" rel = "external nofollow" title = "按“F11”关闭全屏模式" style = "display:none;" > < i class = "ace-icon fa fa-arrows-alt" ></ i >全屏关闭 </ a > </ li > < li >2</ li > < li >3</ li > < li >5</ li > </ ul > </ body > </ html > |
记得一定要加上调用代码,调用代码,调用代码,说三遍...
JS调用代码
1 2 3 4 5 6 7 8 9 10 11 12 13 | 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" ); }; |
只做个人备忘,不做任何发表,不做信息交流。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
相关文章
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
用JavaScript刷新上级页面和当前页面在某些情况下还是比较实用的,感兴趣的朋友可以了解下另外介绍一下frame或iframe元素的引用方法,希望本文对你有所帮助2013-01-01JavaScript Event学习第四章 传统的事件注册模型
在这一章我会讲解给元素注册事件的最好的一种办法,那就是:确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。2010-02-02JavaScript之iterable_动力节点Java学院整理
这篇文章主要介绍了JavaScript之iterable,遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型2017-06-06
最新评论