jQueryのキーボードライブラリを作りたい話

どうもAtsu1209です。
早速ですが、キーボードとボタンを連動させたいと思って
jQueryをいじってたら一つ思いついたことが...
ライブラリ化してどこでも使えるようにしよう!
ということで キーボードライブラリ(自分用)を作ります。

jQuery読み込み

まず jQueryを読み込まないと何もできません

index.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

これを読み込みたいhtmlに書きます。

ライブラリ作成

早速JSをかきます。

lib.js

const button1 = document.getElementById("button1");
document.addEventListener("keydown", function(event) {
    if (event.key === "1") {
        button1.click();
    }
});

かなり適当なクラス名だけど、こんなかんじ
keydownを使用して、1キーを押したら button1のクラスの付いた
オブジェクトをクリックするようにしました。

これを全部のキーでかいて、lib.jsを読み込めばok

最後に

なんか変なところあったらコメントおねがいします。
では また次の記事で!