知识点:
注意:当窗口全屏,keyup,keydown类似事件是监听不到esc按键的,这是浏览器一个安全机制。如果不是全屏模式还是可以监听到的。
全屏的操作:
借鉴文档:
https://blog.csdn.net/k358971707/article/details/60465689
https://www.cnblogs.com/zhangwei595806165/p/4844551.html
http://www.zhangxinxu.com/wordpress/2012/10/html5-full-screen-api-firefox-chrome-difference/
https://blog.csdn.net/tywali/article/details/8623938
https://segmentfault.com/q/1010000009988182
https://www.cnblogs.com/minghui007/p/5601194.html
https://blog.csdn.net/tywali/article/details/8623938
获取iframe中document对象和window:
借鉴文档:
https://blog.csdn.net/theforever/article/details/6126635
https://blog.csdn.net/wangjun5159/article/details/78647615
http://caibaojian.com/js-get-iframe.html
jquery重定向:
https://blog.csdn.net/zhouranlovesmile/article/details/68936984
以上是借鉴的资料:
需求描述:
在a.html页面,嵌入一个iframe. 在a.html中点击一个图标,让iframe全屏展示,并且iframe展示其他页面的内容
我的思路:
添加iframe为了让窗口全屏时展示其他页面的内容,这里我的思路是让iframe全屏展示
让iframe全屏展示的方法(该方法调用的事h5新出的api涉及到兼容性问题)
其中bindIframeKeyup是我自己加的方法,是多余的,对你们来讲没啥用
我是点击img触发iframe大屏操作:
当iframe大屏以后需要对iframe中的内容进行操作,要清楚iframe中世纪装的是一个完整的ht