js全屏/退出全屏

2019-08-17  本文已影响0人  路尔轩

点击全屏/退出全屏

document.onclick = function (event) {
  if (document.fullscreenElement) {
    document.exitFullscreen()
  } else {
    document.documentElement.requestFullscreen()
  }
}

登录页面常常会有监听enter键执行登录

document.onkeydown = function(e) {
  let key = window.event.keyCode;
  if (key == 13) {
    alert("执行登录操作...");
  }
};

页面全屏会监听ESC键退出全屏

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

备注:vue 项目中监听操作可以写在 creates() / mounted() 钩子函数中

附常用功能键

附常用功能键 
8  BACKSPACE 键 
9  TAB 键 
13 ENTER 键
16 SHIFT 键
17 CTRL 键 
20 CAPS LOCK 键
27 ESC 键 
32 SPACEBAR 键 
33 PAGEUP 键 
34 PAGEDOWN 键
35 END 键 
42 PRINT SCREEN 键
46 DEL 键 
144 NUM LOCK 键
上一篇下一篇

猜你喜欢

热点阅读