HTML5 中fullscreen 中的几个API和fullscreen欺骗
- - ITeye博客 HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做. 全屏API,游戏呀,等都很有用. 作用:请求某个元素element全屏. 这里是将其中的元素ID去请求fullscreen. 如果用户在全屏模式下,则返回true. 返回当前处于全屏模式下的元素.
function fullScreen(element) { if(element.requestFullScreen) { element.requestFullScreen(); } else if(element.webkitRequestFullScreen ) { element.webkitRequestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } }
// the helper function function fullScreenCancel() { if(document.requestFullScreen) { document.requestFullScreen(); } else if(document .webkitRequestFullScreen ) { document.webkitRequestFullScreen(); } else if(document .mozRequestFullScreen) { document.mozRequestFullScreen(); } } fullScreenCancel();
$('html').on('click keypress', 'a', function(event) { // 不响应真正的A HREF点击事件 event.preventDefault(); event.stopPropagation(); // Trigger fullscreen if (elementPrototype.requestFullscreen) { document.documentElement.requestFullscreen(); } else if (elementPrototype.webkitRequestFullScreen) { document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); } else if (elementPrototype.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else { // } //显示假的UI $('#menu, #browser').show(); $('#target-site').show(); });