fullscreen-key

space key to enter and exit fullscreen

当前为 2024-03-14 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         fullscreen-key
// @version      0.1.0
// @description  space key to enter and exit fullscreen
// @author       dragonish
// @namespace    https://github.com/dragonish
// @license      GNU General Public License v3.0 or later
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function () {
  const FormControl = ['BUTTON', 'FIELDSET', 'FORM', 'INPUT', 'LABEL', 'LEGEND', 'OPTION', 'SELECT', 'TEXTAREA'];
  function isFormControl(ele) {
    if (ele) {
      return FormControl.includes(ele.tagName);
    }
    return false;
  }
  document.body.addEventListener('keypress', evt => {
    if (!isFormControl(evt.target)) {
      if (evt.key === ' ') {
        evt.preventDefault();
        if (document.fullscreenElement) {
          document.exitFullscreen().catch(err => {
            console.info('[fullscreen-key]: browser unable to exit fullscreen.');
            console.error(err);
          });
        } else {
          document.documentElement.requestFullscreen().catch(err => {
            console.info('[fullscreen-key]: browser unable to enter fullscreen.');
            console.error(err);
          });
        }
      }
    }
  });
})();