javascript - 如何绑定“退出全屏 f11”浏览器按钮？

Question

我创建了一个链接以使用此代码全屏显示，从onclick go full screen

function toggleFullScreen() {
    if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
       (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if (document.documentElement.requestFullScreen) {  
      document.documentElement.requestFullScreen();  
    } else if (document.documentElement.mozRequestFullScreen) {  
      document.documentElement.mozRequestFullScreen();  
    } else if (document.documentElement.webkitRequestFullScreen) {  
      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
    }  
  } else {  
    if (document.cancelFullScreen) {  
      document.cancelFullScreen();  
    } else if (document.mozCancelFullScreen) {  
      document.mozCancelFullScreen();  
    } else if (document.webkitCancelFullScreen) {  
      document.webkitCancelFullScreen();  
    }  
  }  
} 

现在，当浏览器处于全屏模式时，如何绑定在窗口顶部弹出的浏览器“退出全屏 f11”按钮以在窗口通过退出全屏进入正常模式后作为回调执行某些操作？

Answer 1

尝试这个 -

var fullScreen = 0;
$( window ).keydown(function(e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if (code == 122) {
        if(fullScreen == 1) {
            ....
            //your code goes here
            ....
        }
        fullScreen = (fullScreen == 1) ? 0 : 1;
    }
});

我认为这应该适用于大多数浏览器

Answer 2

经过研究，我发现无法绑定那个按钮。因为那是浏览器的本机按钮，它超出了 DOM 的范围。

因此，请改用按键事件侦听器。