美文网首页
js全屏/退出全屏

js全屏/退出全屏

作者: 路尔轩 | 来源:发表于2019-08-17 14:39 被阅读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 键
    

    相关文章

      网友评论

          本文标题:js全屏/退出全屏

          本文链接:https://www.haomeiwen.com/subject/letksctx.html