jquery实现当前页面按钮点击全屏,点击退出全屏
2014-01-18 23:39
351 查看
var fullscreen=function(){ elem=document.body; if(elem.webkitRequestFullScreen){ elem.webkitRequestFullScreen(); }else if(elem.mozRequestFullScreen){ elem.mozRequestFullScreen(); }else if(elem.requestFullScreen){ elem.requestFullscreen(); }else{ //浏览器不支持全屏API或已被禁用 } } var exitFullscreen=function(){ var elem=document; if(elem.webkitCancelFullScreen){ elem.webkitCancelFullScreen(); }else if(elem.mozCancelFullScreen){ elem.mozCancelFullScreen(); }else if(elem.cancelFullScreen){ elem.cancelFullScreen(); }else if(elem.exitFullscreen){ elem.exitFullscreen(); }else{ //浏览器不支持全屏API或已被禁用 } }需要注意,由于安全限制,需要由事件触发fullscreen,比如绑定到某按钮的单击事件上。直接在控制台调用可能无效。
IE的话可能不支持全屏API,原因大家都懂,在最后的else里面是提示还是使用window.open来实现你可以自己决定
问:我想问下ie下除了用flash没有别的方法了吗?
答:ie下除了flash、window.open之外,应该可以使用ActiveXObject模拟F11按键从而达到全屏的目的。
相关文章推荐
- jquery实现当前页面按钮点击全屏,点击退出全屏
- asp.net 点击按钮退出当前XXX.aspx页面
- 在asp.net中如何用LinkBtutton按钮实现安全退出,并保存当前页面数据与数据库中
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
- 通过点击页面中的某个a标签,实现全屏,再次点击退出全屏
- jquery实现点击按钮返回到页面顶部
- 实现在点击asp:button按钮后,不刷新当前页面
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
- jQuery实现的点击图片放大且在当前页面查看原图
- 如何实现在当前jsp页面中通过点击按钮来跳转到上一个次访问的页面
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- jQuery如何实现点击页面获得当前点击元素
- velocity页面下,使用jQuery实现点击添加按钮添加一行输入框
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
- asp.net 点击按钮退出当前XXX.aspx页面
- jQuery实现点击页面获得当前点击元素的id
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
- jquery实现checkbox全选功能,第二次点击【全选】按钮,页面无法勾选
- 在webview中浏览页面的时候,实现在点击退出按钮的时候,返回上一页而不是直接退出