Javascript 模拟F11全屏

function fullscr() {

var ffchat;

ffchat = window.open("#", "hamie", "Status=no,scrollbars=no,resizable=yes");

ffchat.moveTo(0, 0);

ffchat.resizeTo(screen.availWidth, screen.availHeight);

ffchat.outerWidth = screen.availWidth;

ffchat.outerHeight = screen.availHeight;

}

<span class="FullIcon" onclick="fullscr()"></span>

不会到会,只是一个过程!

时间: 2024-10-10 16:50:33

Javascript 模拟F11全屏的相关文章

让用户端JS触发F11全屏

让用户端JS触发指的就是让用JS监听用户的操作事件,通过JS程序去实现F11全屏.这个事件可以是一个按钮的点击事件,当然也可以是键盘事件,比如用户按下F11.    1.F11键盘事件触发 当用户按下F11事件,浏览器为触发自身全屏功能,这个过程我们一般是不可控制的,即使是监听了F11的键盘事件,退出全屏的时候,我们也捕捉不到退出全屏触发的事件.所以,我们就用程序自己去实现F11的功能,首先需要禁用浏览器默认的事件动作. 1 $(document).on('keydown', function

浏览器全屏之requestFullScreen全屏与F11全屏

一.简介 浏览器全屏有两种方式,一种是HTML5新增的requestFullscreen全屏,另一种是摁F11实现的全屏,本文将详解两种全屏的特点以及其实现. 二.requestFullscreen全屏 1.判断是否支持全屏 通过判断元素的requestFullscreen函数是否存在与document.fullscreenEnabled是否为True判断浏览器是否支持全屏或启用全屏,兼容写法为 1 function supportfull(){ 2 var requestFullscreen

JS调用命令实现F11全屏

<body onload ='autoSetFull()'> <button id='btn'>全屏按钮</button> <div id="content" style="background:yellow;width:500px;height:500px;">sljfsdlfj <div id="quite" class="btn">退出全屏</div>

使用javascript实现浏览器全屏

HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做 全屏API,游戏呀,等都很有用.先看常见的API 1 element.requestFullScreen() 作用:请求某个元素element全屏 2 Document.getElementById(“myCanvas”).requestFullScreen() 这里是将其中的元素ID去请求fullscreen 3 退出全屏   document.cancelFullScreen() 4 Do

[JavaScript] 用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的 效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以 让页面中的图片,视频等全屏目前只有google chrome 15 +,safri5.1+,firfox10+,IE11支持 全屏: var docElm = document.documentElement; //W3C   if (docElm.requestFullscreen) {       docElm.requestFu

用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var docElm = document.documentElement; //W3C  if (docElm.re

Chrome退出全屏问题

最近做了一个号称很炫的B/S展示软件,展示所用浏览器为Google Chrome. 要求展示时全屏,但是页面要有退出全屏按钮(液晶屏没有键盘). 搜索实现方式几乎前篇一律,即两个JS函数一个实现全屏一个退出全屏: function requestFullScreen(element) { if (element.requestFullscreen) element.requestFullscreen(); else if (element.msRequestFullscreen) element

关于火狐游览器设置全屏状态不显示工具栏以及其他游览器全屏问题

无论是IE,火狐,还是谷歌游览器.按F11可以实现全屏状态显示,再次按F11可以回到原先的网页显示状态. 清楚游览器缓存快捷键:ctrl+shift+delete 实现火狐游览器在全屏状态显示工具栏的方法: 第一步打开火狐游览器:输入about:config如下图: 单击"我保证小心"打开如下网页并找到browser.fullscreen.autohide将此后面的"值"修改为"false"即可在全屏状态下显示工具栏.如下图所示: 之后将游览器关

HTML5实现网页的全屏切换

使用HTML5提供的JavaScript Api可以实现主流浏览器的全屏和退出全屏操作,封装成进入全屏和退出全屏的函数如下: 1 //进入全屏 2 function enterFullScreen() { 3 var de = document.documentElement; 4 if (de.requestFullscreen) { 5 de.requestFullscreen(); 6 } else if (de.mozRequestFullScreen) { 7 de.mozReques