html5 实现的全屏模式，怎么监听esc按键事件

[宅_技术小菜鸟]

利用html5 提供的api 实现全屏模式，怎么监听esc按键，onkeydown监听不到esc按键，求大神指导

[vswen5]

不是有键盘事件的吗 比如enter 不知道有没有esc

[宅_技术小菜鸟]

所有按键都能监听除了esc

[jac-song]

$(function(){
     $(window).keydown(function (event) {
        if (event.keyCode == 27) {
            alert("执行退出全屏操作...");
        }
    });
});

这样写，我测试是可以的哦~~

[wurijie5]

浏览器故意不上监听ESC键的，跟网页加载完成之后不能用程序使浏览器全屏一样的道理，避免开发者恶意全屏，不啰嗦，解决办法如下： window.onresize = function(){ if(!checkFull()){ //要执行的动作 } } function checkFull(){ var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled; //to fix : false || undefined == undefined if(isFull === undefined) isFull = false; return isFull; }

[国产零零八]

怎么就没有Esc，有没有认真找过，在这儿误导别人。 按键 键码 按键 键码 按键 键码 按键 键码 BackSpace 8 Esc 27 Right Arrow 39 -_ 189 Tab 9 Spacebar 32 Dw Arrow 40 .> 190 Clear 12 Page Up 33 Insert 45 /? 191 Enter 13 Page Down 34 Delete 46 `~ 192 Shift 16 End 35 Num Lock 144 [{ 219 Control 17 Home 36 ;: 186 | 220 Alt 18 Left Arrow 37 =+ 187 ]} 221 Cape Lock 20 Up Arrow 38 ,< 188 '" 222 //监听键盘按键事件 //监听键盘按键事件 $(document).keypress(function (event) { var code = (event.keyCode ? event.keyCode : event.which); if ( myPlayer != "" && (code == 13 || code == 32)){ if(myPlayer.paused()){ myPlayer.play(); }else{ myPlayer.pause(); } } }); 有的浏览器是event.which var code = (event.keyCode ? event.keyCode : event.which); 这样获得的code是兼容浏览器的

[独孤怎会求败]

6楼正解 成功解决了折磨了我两天的问题

[SHC1993]

7楼的大佬。老师没说过做题目之前要仔细审题么

[zxlsara]

9楼说的对呀

[天际的海浪]

为什么要监听esc？ 如果是要监听退出全屏应该是

function fullscreenchange() {
	var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
	if (!isFull) {
		alert("你退出了全屏");
	}
}
document.addEventListener("fullscreenchange", fullscreenchange);
document.addEventListener("mozfullscreenchange", fullscreenchange);
document.addEventListener("webkitfullscreenchange", fullscreenchange);
document.addEventListener("msfullscreenchange", fullscreenchange);

[胡同君]

不是没有ESC 而是 当你全屏状态的时候 按esc 他可以推出全屏模式 但是你自己设置的监听 在这个时候是不好用的 应该系统占用或或是截获了你定义的时间 使他不能够执行 推出全屏之后 你在按ESC 就可以执行 你定义的东西 所以我也在考虑这里该怎么修改

[weixin_43246782]

@@@@@胡同君
此问题您解决没啊
不是没有ESC 而是 当你全屏状态的时候 按esc 他可以推出全屏模式 但是你自己设置的监听 在这个时候是不好用的 应该系统占用或或是截获了你定义的时间 使他不能够执行 推出全屏之后 你在按ESC 就可以执行 你定义的东西 所以我也在考虑这里该怎么修改

[qq_29154279]

引用 7 楼 国产零零八 的回复:

怎么就没有Esc，有没有认真找过，在这儿误导别人。 按键 键码 按键 键码 按键 键码 按键 键码 BackSpace 8 Esc 27 Right Arrow 39 -_ 189 Tab 9 Spacebar 32 Dw Arrow 40 .> 190 Clear 12 Page Up 33 Insert 45 /? 191 Enter 13 Page Down 34 Delete 46 `~ 192 Shift 16 End 35 Num Lock 144 [{ 219 Control 17 Home 36 ;: 186 | 220 Alt 18 Left Arrow 37 =+ 187 ]} 221 Cape Lock 20 Up Arrow 38 ,< 188 '" 222 //监听键盘按键事件 //监听键盘按键事件 $(document).keypress(function (event) { var code = (event.keyCode ? event.keyCode : event.which); if ( myPlayer != "" && (code == 13 || code == 32)){ if(myPlayer.paused()){ myPlayer.play(); }else{ myPlayer.pause(); } } }); 有的浏览器是event.which var code = (event.keyCode ? event.keyCode : event.which); 这样获得的code是兼容浏览器的

同样的话送给你，误人子弟，你好好看看再来说吧！ESC键是有code码 但是首先是执行系统的操作然后才是html,这样是为了防止盗链恶意全屏导致无法关系的情况~