☰

Snap Links Mod shortcuts

从网页中批量复制、打开链接，选择复选框

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください。 
// ==UserScript==
// @name       Snap Links Mod shortcuts
// @name:en        Snap Links Mod  shortcuts
// @name:zh        批量复制-快捷键版
// @description 从网页中批量复制、打开链接，选择复选框
// @description:en snap Links(open, copy), radios, chenkboxs, images from website
// @author      Griever, ywzhaiqi, lastdream2013, Hanchy Hill
// @namespace   http://minhill.com/slms
// @match http://*/*
// @match https://*/*
// @version     2023.03.08
// @license     The MIT License (MIT); http://opensource.org/licenses/MIT
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_openInTab
// @grant GM_deleteValue
// @grant GM_addStyle
// @run-at document-start
// @grant GM_registerMenuCommand
// @grant GM_setClipboard
// @grant GM_log
// @compatible firefox
// @compatible chrome
// @compatible edge
// @icon        http://minhill.com/blog/wp-content/uploads/2012/03/favicon.ico
// @note        2016/11/22 改写的第一个版本，存在BUG：无法正确选取图像
// ==/UserScript==

var snapLinks = {
  timer: null,
  button: 0,

  init: function () {
    /*if (!snapLinks.inited) {
      var menuitem = document.getElementById("SnapLinksCopyLinksSetFormat");
      if (menuitem) {
        var func = function() {
          var format = prompt('请输入需要设置的格式（%t：标题，%u：链接，%n：序号，%r：反向序号）',
            '<a href="%u">%r. %t</a><br>');
          snapLinks.copyLinks(null, false, format);
        };
        menuitem.addEventListener('command', func, false);
      }

      snapLinks.inited = true;
    }*/


    this.win = window;
    if (snapLinks.win == window) snapLinks.win = window;
    this.doc = this.win.document;
    this.body = this.doc.body;
    if (!this.body instanceof HTMLBodyElement) {
      alert("Can not snaplinks.");
      return false;
    }

    this.root = snapLinks.doc.documentElement;
    //this.utils = this.win.QueryInterface(Ci.nsIInterfaceRequestor).getInterface(Ci.nsIDOMWindowUtils);
    this.popup = document.getElementById("snapLinksMenupopup");

    this.bodyCursor = this.body.style.cursor;
    this.rootCursor = this.root.style.cursor;
    this.body.style.setProperty("cursor", "crosshair", "important");
    this.root.style.setProperty("cursor", "crosshair", "important");

    this.highlights = [];
    this.elements = [];


    this.doc.addEventListener("mousedown", snapLinks.handleEvent, true);
    this.doc.addEventListener("pagehide", snapLinks.handleEvent, true);
  },
  uninit: function () {

    snapLinks.doc.removeEventListener("mousedown", snapLinks.handleEvent, true);
    snapLinks.doc.removeEventListener("mousemove", snapLinks.handleEvent, true);
    snapLinks.doc.removeEventListener("pagehide", snapLinks.handleEvent, true);
    snapLinks.doc.removeEventListener("mouseup", snapLinks.handleEvent, true);//?
    setTimeout(function (self) {
      snapLinks.doc.removeEventListener("click", snapLinks.handleEvent, true);
    }, 10, snapLinks);

    if (snapLinks.box && snapLinks.box.parentNode) snapLinks.box.parentNode.removeChild(snapLinks.box);
    snapLinks.box = null;
    snapLinks.body.style.cursor = snapLinks.bodyCursor;
    snapLinks.root.style.cursor = snapLinks.rootCursor;
  },
  destroy: function () {
    snapLinks.uninit();
    snapLinks.lowlightAll();
    document.removeEventListener("click", snapLinks.destroy, false);

    var sslpop = document.getElementById("snapLinksMenupopup")
    sslpop.setAttribute("class", "hidden_popup");
    sslpop.setAttribute("style", null);

  },
  handleEvent: function (event) {

    switch (event.type) {
      case "mousedown":
        if (event.button != 0 || event.ctrlKey || event.shiftKey || event.altKey) return;
        event.preventDefault();
        event.stopPropagation();

        snapLinks.draw(event);
        break;
      case "mousemove":
        event.preventDefault();
        event.stopPropagation();
        var moveX = event.pageX;
        var moveY = event.pageY;
        if (snapLinks.downX > moveX) snapLinks.box.style.left = moveX + "px";
        if (snapLinks.downY > moveY) snapLinks.box.style.top = moveY + "px";
        snapLinks.box.style.width = Math.abs(moveX - snapLinks.downX) + "px";
        snapLinks.box.style.height = Math.abs(moveY - snapLinks.downY) + "px";

        if (snapLinks.timer) {
          clearTimeout(snapLinks.timer);
          snapLinks.timer = null;
        }
        var timeStamp = new Date().getTime();
        if (timeStamp - snapLinks.lastHiglightedTime > 150) {
          snapLinks.boxRect = snapLinks.box.getBoundingClientRect();
          snapLinks.highlightAll();
        } else {
          var self = snapLinks;
          snapLinks.timer = setTimeout(function () {
            self.boxRect = self.box.getBoundingClientRect();
            self.highlightAll();
          }, 200);
        }
        break;
      case "mouseup":

        if (event.button != snapLinks.button || event.ctrlKey || event.shiftKey) return;
        event.preventDefault();
        event.stopPropagation();

        if (snapLinks.timer) {
          clearTimeout(snapLinks.timer);
          snapLinks.timer = null;
        }
        snapLinks.boxRect = snapLinks.box.getBoundingClientRect();
        snapLinks.highlightAll();




        for (let e of snapLinks.highlights) {
          if (e instanceof HTMLImageElement) {
            let link = snapLinks.doc.evaluate(
              'ancestor::*[@href]', e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
            if (snapLinks.highlights.indexOf(link) === -1) {
              snapLinks.elements[snapLinks.elements.length] = link;
            }
            continue;
          }
          snapLinks.elements[snapLinks.elements.length] = e;
        }
        snapLinks.elements = snapLinks.elements;//?

        snapLinks.uninit();
        snapLinks.showPopup(event);
        break;
      case "click":
        event.preventDefault();
        event.stopPropagation();
        break;
      case "pagehide":
        snapLinks.destroy();
        break;
    }
  },
  draw: function (aEvent) {
    this.lastHiglightedTime = new Date().getTime();
    this.downX = aEvent.pageX;
    this.downY = aEvent.pageY;
    this.box = this.doc.createElement("div");
    this.box.id = "snap-links-box";
    this.box.style.cssText = [
      'background-color: rgba(0,128,255,.1) !important;',
      'border: 1px solid rgb(255,255,0) !important;',
      'box-sizing: border-box !important;',
      '-moz-box-sizing: border-box !important;',
      'position: absolute !important;',
      'z-index: 2147483647 !important;',
      'top:' + this.downY + 'px;',
      'left:' + this.downX + 'px;',
      'cursor: crosshair !important;',
      'margin: 0px !important;',
      'padding: 0px !important;',
      'outline: none !important;',
    ].join(" ");
    this.body.appendChild(this.box);

    this.doc.removeEventListener("mousedown", this.handleEvent, true);
    this.doc.addEventListener("mousemove", this.handleEvent, true);
    this.doc.addEventListener("mouseup", this.handleEvent, true);
    this.doc.addEventListener("click", this.handleEvent, true);
  },
  highlightAll: function () {
    var a = '[href]:not([href^="javascript:"]):not([href^="mailto:"]):not([href^="#"])';
    var selector = a + ', ' + a + ' img, input[type="checkbox"],  input[type="radio"]';
    selector += ', a.b-in-blk.input-cbx[href^="javascript:"]'; // 百度盘的特殊多选框

    var contains = this.getContainsElements();
    contains.reverse();
    var matches = [];
    for (let e of contains) {
      if (e.nodeType !== 1 || !e.matches(selector)) continue;

      if (e.hasAttribute('href')) {
        let imgs = Array.prototype.slice.call(e.getElementsByTagName('img'));
        if (imgs[0]) {
          [].push.apply(contains, imgs);
          continue;
        }
      }

      if (!("defStyle" in e)) this.highlight(e);
      matches[matches.length] = e;
    }

    this.highlights.forEach(function (e, i, a) {
      if (matches.indexOf(e) === -1) this.lowlight(e);
    }, this);

    this.highlights = matches;
    this.lastHiglightedTime = new Date().getTime();
  },
  lowlightAll: function () {
    this.highlights.forEach(function (e) {
      this.lowlight(e);
    }, this);
  },
  highlight: function (elem) {
    if (!('defStyle' in elem)) elem.defStyle = elem.getAttribute('style');
    //elem.style.setProperty('outline', '2px solid #ff0000', 'important');
    elem.style.setProperty('outline', '2px solid #ff0000', null);
    elem.style.setProperty('outline-offset', '-1px', null);
    //elem.style.setProperty('outline-offset', '-1px', 'important');
  },
  lowlight: function (elem) {
    if ("defStyle" in elem) {
      elem.defStyle ?
        elem.style.cssText = elem.defStyle :
        elem.removeAttribute("style");
      delete elem.defStyle;
    }
  },
  getContainsElements: function () {
    if (!this.boxRect) return;
    var a = '[href]:not([href^="javascript:"]):not([href^="mailto:"]):not([href^="#"])';
    var selector = a + ', ' + a + ' img, input[type="checkbox"],  input[type="radio"]';
    selector += ', a.b-in-blk.input-cbx[href^="javascript:"]';
    //var nodes = document.querySelectorAll("a[href],img,radio,checkbox");
    var nodes = document.querySelectorAll(selector);
    var arraynode = [], len = nodes.length, i;



    for (i = 0; i < len; i++) {
      if (this.inSelect(nodes[i])) arraynode.push(nodes[i]);
    }

    return arraynode;

  },

  inSelect: function (node) {
    var boxPos = snapLinks.boxRect;
    var xmin = boxPos.left, xmax = boxPos.right, ymin = boxPos.top, ymax = boxPos.bottom;

    var pos = this.getOffset(node);
    var point = new Array();

    point = [pos.x, pos.x + pos.width, pos.y, pos.y + pos.height];

    var swithcase = [];
    if ((point[0] > xmin && point[0] < xmax) ||
      (point[1] > xmin && point[1] < xmax) ||
      (point[0] < xmin && point[1] > xmax)) {
      swithcase[0] = true;
    }
    if ((point[2] > ymin && point[2] < ymax) ||
      (point[3] > ymin && point[3] < ymax) ||
      (point[2] < ymin && point[3] > ymax)) {
      swithcase[1] = true;
    }

    if (swithcase[0] && swithcase[1]) {
      return true;
    }

    else {
      return false;
    }

  },

  getOffset: function (node) {
    var rect = node.getBoundingClientRect();

    return {
      //x: window.pageXOffset + rect.left,
      //y: window.pageYOffset + rect.top,
      x: rect.left,
      y: rect.top,
      width: rect.width,
      height: rect.height
    };
  },


  showPopup: function (aEvent) {

    var cls = [];

    var linkcount = 0;
    var specialLinkCount = 0; // 特殊的类似多选框的链接
    var imagecount = 0;
    var checkboxcount = 0;
    var radiocount = 0;
    for (let elem of this.elements) {
      if (elem instanceof HTMLAnchorElement) elem.href.indexOf('javascript:') == 0 ? specialLinkCount++ : linkcount++;
    }
    for (let elem of this.elements) {
      if (elem instanceof HTMLAnchorElement && /\.(jpe?g|png|gif|bmp)$/i.test(elem.href)) imagecount++;
    }
    for (let elem of this.elements) {
      if (elem instanceof HTMLInputElement && elem.type === 'checkbox') {
        checkboxcount++;
      }
    }
    for (let elem of this.elements) {
      if (elem instanceof HTMLInputElement && elem.type === 'radio') {
        radiocount++;
      }
    }
    if (linkcount > 0) cls.push("hasLink");
    if (imagecount > 0) cls.push("hasImageLink");
    if (checkboxcount > 0) cls.push("hasCheckbox");
    if (radiocount > 0) cls.push("hasRadio");
    if (specialLinkCount > 0) cls.push("hasSpecialLink");



    var setCount = function (id, label) {
      let currentEntry = document.getElementById(id);
      if (currentEntry) currentEntry.innerHTML = label;
    };

    var data = {
      "SnapLinksOpenLinks": "在新标签打开所有链接 (" + linkcount + ")",
      "SnapLinksCopyLinks": "复制所有链接URL (" + linkcount + ")",
      "SnapLinksCopyLinksReverse": "复制所有链接URL (" + linkcount + ") (反向)",
      "SnapLinksCopyLinksAndTitles": "复制所有链接标题 + URL (" + linkcount + ")",
      "SnapLinksCopyLinksAndTitlesMD": "复制所有链接标题 + URL (" + linkcount + ") (MD)",
      "SnapLinksCopyLinksAndTitlesBBS": "复制所有链接标题 + URL (" + linkcount + ") (BBS)",
      "SnapLinksCopyLinksRegExp": "复制所有链接标题 + URL (" + linkcount + ") (筛选)",
      "SnapLinksCopyLinksSetFormat": "复制所有链接标题 + URL (" + linkcount + ") (设置复制格式)",
      "SnapLinksOpenImageLinks": "在新标签页打开所有图片链接 (" + imagecount + ")",
      "SnapLinksImageLinksOnePage": "在一个标签页显示所有图片链接 (" + imagecount + ")",
      "SnapLinksCheckBoxSelect": "复选框 - 选中 (" + checkboxcount + ")",
      "SnapLinksCheckBoxCancel": "复选框 - 取消 (" + checkboxcount + ")",
      "SnapLinksCheckBoxTaggle": "复选框 - 反选 (" + checkboxcount + ")",
      "SnapLinksRadioSelect": "单选框 - 选中 (" + radiocount + ")",
      "SnapLinksRadioCancel": "单选框 - 取消 (" + radiocount + ")",
      "SnapLinksClickLinks": "特殊单选框 - 选中 (" + specialLinkCount + ")",
    };

    for (let id in data) {
      setCount(id, data[id]);
    }


    var setStyleNode = function (showList) {
      var setList = ["hasLink", "hasImageLink", "hasCheckbox", "hasRadio", "hasSpecialLink"];
      setList.forEach(
        function (elist) {
          var eClass = document.getElementsByClassName(elist);
          if (eClass) {
            if (showList.indexOf(elist) == -1) {
              for (var i = 0; i < eClass.length; i++) {
                eClass[i].style = "display:none";
              }
              //eClass.forEach(function(enode){enode.setAttribute("stlye","display:none")})
            } else {
              for (let i = 0; i < eClass.length; i++) {
                eClass[i].style = "display:block";
              }
              //eClass.forEach(function(enode){enode.setAttribute("stlye","display:block")})
            }
          }
        }
      )
    }




    if (cls.length > 0) {
      setStyleNode(cls);
      this.openPopupAtScreen(aEvent.pageX, aEvent.pageY, aEvent.clientX, aEvent.clientY);

      //snapLinks.popup.className = cls.join(' ');

    } else {
      this.lowlightAll();
    }
  },
  openPopupAtScreen: function (ax, ay, cx, cy) {

    var popMenu = document.getElementById("snapLinksMenupopup");
    var midx = document.documentElement.clientWidth / 2;
    var midy = document.documentElement.clientHeight / 2;
    //GM_log("pointerY:"+ay);
    //GM_log("screen:"+midy*2);



    popMenu.className = "trigger_popup";
    //popMenu.style.position = "absolute";

    var menuRight = ax - popMenu.clientWidth;

    var menuDown = ay - popMenu.clientHeight;

    document.addEventListener("click", snapLinks.destroy, false);

    var xaxis = (cx < midx) ? "left: " + ax.toString() + "px;" : "left: " + menuRight.toString() + "px;";

    var yaxis = (cy < midy) ? " top: " + ay.toString() + "px;" : " top: " + menuDown.toString() + "px;";
    popMenu.setAttribute("style", xaxis + yaxis);



  },
  openLinks: function (regexp) {
    var obj = {};
    for (let elem of this.elements) {
      if (!elem.href || /^(?:javascript:|mailto:|#)/i.test(elem.href)) continue;
      if (!regexp || regexp.test(elem.href)) obj[elem.href] = true;
    }
    for (let [key, val] of Object.entries(obj)) {

      GM_openInTab(key);
      //gBrowser.addTab(key, { ownerTab: gBrowser.mCurrentTab });
    }
  },
  clickLinks: function () {
    for (let elem of this.elements) {
      if (!elem.href || /^(?:javascript:|mailto:|#)/i.test(elem.href)) {
        elem.click();
      }
    }
  },
  copyLinks: function (regexp, reverse, format) {




    //GM_log(selements);
    var links = this.elements.filter(function (elem) {
      return elem instanceof HTMLAnchorElement && (!regexp || regexp.test(elem.href))
    });

    var num = 1,
      numReverse = links.length;
    links = links.map(function (e) {
      if (format) {
        return format.replace(/%t/g, e.textContent)
          .replace(/%u/g, e.href)
          .replace(/%r/g, numReverse--)
          .replace(/%n/g, num++);
      }
      return e.href;
    });

    // 筛选出重复的
    links = snapLinks.unique(links);

    if (reverse) links = links.reverse();

    if (links.length) {
      GM_setClipboard(links.join('\n'));
      //Components.classes["@mozilla.org/widget/clipboardhelper;1"]
      //  .getService(Components.interfaces.nsIClipboardHelper)
      //    .copyString(links.join('\n'));
    }
  },
  imageOnePage: function () {
    var htmlsrc = [
      '<style>'
      , 'img { max-width: 100%; max-height: 100%; }'
      , '</style>'].join('');
    for (let elem of this.elements) {
      if (elem instanceof HTMLAnchorElement && /\.(jpe?g|png|gif|bmp)$/i.test(elem.href)){
        htmlsrc += '\n<img src="' + elem.href + '">'
      }
    }
    GM_openInTab("data:text/html;charset=utf-8," +
      '<html><head><title>' + snapLinks.doc.domain + ' 图象列表</title><body>' +
      encodeURIComponent(htmlsrc));
  },
  checkbox: function (bool) {
    for (let elem of this.elements) {
      if (elem instanceof HTMLInputElement && elem.type === 'checkbox') {
        elem.checked = arguments.length == 0 ?
          !elem.checked :
          bool;
      }
    }
  },
  radio: function (bool) {
    for (let elem of this.elements) {
      if (elem instanceof HTMLInputElement && elem.type === 'radio') {
        elem.checked = arguments.length == 0 ?
          !elem.checked :
          bool;
      }
    }
  },
  unique: function (a) {
    var o = {},
      r = [],
      t;
    for (var i = 0, l = a.length; i < l; i++) {
      t = a[i];
      if (!o[t]) {
        o[t] = true;
        r.push(t);
      }
    }
    return r;
  }
};





function begin() {
  var ibody = document.getElementsByTagName("body")[0];


  var popup = document.createElement("div");
  //popup.setAttribute("onclick","snapLinks.lowlightAll();");
  popup.setAttribute("id", "snapLinksMenupopup");
  popup.setAttribute("class", "hidden_popup");
  popup.innerHTML = '<div class = "-hasLink-">' +
    '<div  id="SnapLinksOpenLinks" class="hasLink" >在新标签打开所有链接</div>' +
    '<div id="SnapLinksCopyLinks" class="hasLink" >复制所有链接URL</div>' +
    '<div id="SnapLinksCopyLinksReverse" class="hasLink"  >复制所有链接URL（反向）</div>' +
    '<div id="SnapLinksCopyLinksAndTitles" class="hasLink"  >复制所有链接标题 + URL</div>' +
    '<div id="SnapLinksCopyLinksAndTitlesMD" class="hasLink" >复制所有链接标题 + URL (MD)</div>' +
    '<div id="SnapLinksCopyLinksAndTitlesBBS" class="hasLink">复制所有链接标题 + URL (BBS)</div>' +
    '<div id="SnapLinksCopyLinksRegExp" class="hasLink" >复制所有链接标题 + URL (筛选)</div>' +
    '<div id="SnapLinksCopyLinksSetFormat" class="hasLink" >复制所有链接标题 + URL (设置复制格式)</div>' +
    '<div id="SnapLinksOpenImageLinks" class="hasImageLink"  >在新标签页打开所有图片链接</div>' +
    '<div  id="SnapLinksImageLinksOnePage" class="hasImageLink" >在一个标签页显示所有图片链接</div>' +
    '</div>' +
    '<div class="hasLink-hasCheckbox-hasRadio" >' +
    '<div  id="SnapLinksCheckBoxSelect" class="hasCheckbox" >复选框 - 选中</div>' +
    '<div  id="SnapLinksCheckBoxCancel" class="hasCheckbox" >复选框 - 取消</div>' +
    '<div  id="SnapLinksCheckBoxTaggle" class="hasCheckbox" >复选框 - 反选</div>' +
    '<div  id="SnapLinksRadioSelect" class="hasRadio" >单选框 - 选中</div>' +
    '<div  id="SnapLinksRadioCancel" class="hasRadio">单选框 - 取消</div>' +
    '<div  id="SnapLinksClickLinks" class="hasSpecialLink" >特殊单选框 - 选中</div>' +
    '</div>';
  ibody.appendChild(popup);



  //popup.addEventListener("click",function(){snapLinks.lowlightAll()},false);
  document.getElementById("SnapLinksOpenLinks").addEventListener("click", function () { snapLinks.openLinks(); }, false);
  document.getElementById("SnapLinksCopyLinks").addEventListener("click", function () { snapLinks.copyLinks(); }, false);
  document.getElementById("SnapLinksCopyLinksReverse").addEventListener("click", function () { snapLinks.copyLinks(null, true); }, false);
  document.getElementById("SnapLinksCopyLinksAndTitles").addEventListener("click", function () { snapLinks.copyLinks(null, false, '%t\n%u'); }, false);
  document.getElementById("SnapLinksCopyLinksAndTitlesMD").addEventListener("click", function () { snapLinks.copyLinks(null, false, '[%t](%u)'); }, false);
  document.getElementById("SnapLinksCopyLinksAndTitlesBBS").addEventListener("click", function () { snapLinks.copyLinks(null, false, '[url=%u]%t[/url]'); }, false);
  document.getElementById("SnapLinksCopyLinksRegExp").addEventListener("click", function () { var reg = prompt('请输入需要筛选的 RegExp', ''); snapLinks.copyLinks(new RegExp(reg)); }, false);
  //document.getElementById("SnapLinksCopyLinksSetFormat").addEventListener("click",function(){snapLinks.copyLinks()},false);

  document.getElementById("SnapLinksOpenImageLinks").addEventListener("click", function () { snapLinks.openLinks(/\.(jpe?g|png|gif|bmp)$/i); }, false);
  document.getElementById("SnapLinksImageLinksOnePage").addEventListener("click", function () { snapLinks.imageOnePage(); }, false);
  document.getElementById("SnapLinksCheckBoxSelect").addEventListener("click", function () { snapLinks.checkbox(true); }, false);
  document.getElementById("SnapLinksCheckBoxCancel").addEventListener("click", function () { snapLinks.checkbox(false); }, false);
  document.getElementById("SnapLinksCheckBoxTaggle").addEventListener("click", function () { snapLinks.checkbox(); }, false);
  document.getElementById("SnapLinksRadioSelect").addEventListener("click", function () { snapLinks.radio(true); }, false);
  document.getElementById("SnapLinksRadioCancel").addEventListener("click", function () { snapLinks.radio(false); }, false);
  document.getElementById("SnapLinksClickLinks").addEventListener("click", function () { snapLinks.clickLinks(); }, false);

  GM_addStyle(".hidden_popup { display:none!important; } .trigger_popup{display:block!important;z-index:99999}" +

    " #snapLinksMenupopup{position:absolute;background-color: rgb(45,53,63);border-bottom: 0px solid rgb(20,20,20); padding:5px;" +
    "border-bottom: 0px solid rgb(20,20,20);cursor:pointer;border-radius: 4px;border: 1px solid rgb(22,25,28);box-shadow:0 1px 0 rgba(162,184,204,0.25) inset,0 0 4px hsla(0,0%,0%,0.95);}" +
    "#snapLinksMenupopup div{color: white;} #snapLinksMenupopup > div > div:hover{color: rgb(51,159,255);" +
    "background-color: transparent; background-image:linear-gradient(to bottom,rgb(37,46,54),rgb(36,40,45));} ");
}

function register_shoutcut(e) {
  // console.log(e.key);
  var keyCode = e.key.toLowerCase();
  var altKey = e.altKey
  if (altKey) {
    //这里可以处理同时按下ctrl和shift时的逻辑，加上其他按键可以实现快捷键功能
    switch (keyCode) {
      case 'z':
        begin();
        snapLinks.init();
        break;
      default:
        break;
    }
  }
}
document.addEventListener('keydown', register_shoutcut)