⌨️

kintoneに無理やりショートカットキーを追加してみた

2022/04/06に公開

詳細画面で「レコードの再利用」したいとき、

これをいちいちクリックするのめんどくさいなぁと思って、突貫工事的にコードを書いてみました。

押したキーがRだったらレコードの再利用に飛ぶ。
でもコメント欄でR押しても飛ぶので苦し紛れの回避処理を入れてみました。

こういうとき普通はどうするのかな👀💦

普通って言葉嫌いだけど、一般的にはどうするのが正解なのかな。

わかるよって方は教えてくださ~い👀✨✨

※というわけで、安全の保証できないので、コードを理解できてない状態では真似しないでねw

(() => {
  // レコード詳細画面
  kintone.events.on(["app.record.detail.show"], (event) => {
    const shortcutKeyEvent = (e) => {
      // コメント書いてるときにR押したらレコードの再利用に飛ばないよう無理やり回避
      if (document.activeElement.tagName === "DIV") {
        return;
      }
      // 押したキーがRだったらレコードの再利用
      if (e.code === "KeyR") {
        location.href = `${location.origin}/k/${event.appId}/edit?record=${event.record.$id.value}`;
      }
    };
    // なにかキーを押したらshortcutKeyEventが発動するようにする
    document.addEventListener("keypress", shortcutKeyEvent);
  });
})();

Discussion