1. 主页 > 编程 > jquery

让用户端触发F11全屏

让用户端JS触发指的就是让用JS监听用户的操作事件,通过JS程序去实现F11全屏。这个事件可以是一个按钮的点击事件,当然也可以是键盘事件,比如用户按下F11。


    1.F11键盘事件触发
  当用户按下F11事件,浏览器为触发自身全屏功能,这个过程我们一般是不可控制的,即使是监听了F11的键盘事件,退出全屏的时候,我们也捕捉不到退出全屏触发的事件。所以,我们就用程序自己去实现F11的功能,首先需要禁用浏览器默认的事件动作。

$(document).on('keydown', function (e) {  
var e = event || window.event || arguments.callee.caller.arguments[0];  
if(e && e.keyCode == 122){//捕捉F11键盘动作  e.preventDefault();  //阻止F11默认动作   
var el = document.documentElement;  
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;//定义不同浏览器的全屏API       
//执行全屏         
if (typeof rfs != "undefined" && rfs) { rfs.call(el);  } 
else if(typeof window.ActiveXObject != "undefined"){  
var wscript = new ActiveXObject("WScript.Shell"); 
if (wscript!=null) { wscript.SendKeys("{F11}"); } } //监听不同浏览器的全屏事件,并件执行相应的代码 
document.addEventListener("webkitfullscreenchange", function() {// if (document.webkitIsFullScreen) 
{ //全屏后要执行的代码  }
else{ //退出全屏后执行的代码 } }, false); document.addEventListener("fullscreenchange", function() 
{ if (document.fullscreen) { //全屏后执行的代码 }
else{ //退出全屏后要执行的代码 } }, false); 
document.addEventListener("mozfullscreenchange", 
function() {  if (document.mozFullScreen) {//全屏后要执行的代码 }
else{ //退出全屏后要执行的代码 } }, false); 
document.addEventListener("msfullscreenchange", 
function() { if (document.msFullscreenElement) {//全屏后要执行的代码42}
else{ //退出全屏后要执行的代码 } }, false) } }


本文由某某资讯网发布,不代表某某资讯网立场,转载联系作者并注明出处:http://www.yaxima.com/html/jquery/279.html

联系我们

在线咨询:点击这里给我发消息

微信号:wx13637754776

工作日:9:30-18:30,节假日休息