tinykeys

tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptライブラリです。

以前にもwhenipressというライブラリをご紹介しましたがtinykeysの方が若干使いやすい印象でした。

上にサンプルを用意しましたが、反応が無い場合はCodepen内にフォーカスしてからお試しください。

使い方も非常にシンプルです。

<script src="https://cdn.jsdelivr.net/npm/tinykeys/dist/tinykeys.umd.js"></script>

tinykeysを読み込みます。

tinykeys(window, {
	"Shift+D": () => {
		alert("ShiftとDが押されました！");
	},
	"y e s": () => {
		alert("YES！はいそうです！");
	}
});

キーの設定とキーが押されたときの内容を設定すれば完了です。

Githubに簡単なドキュメントも用意されていますが学習コストは高くなさそうですね。非依存型で単体で動作しますし、サイズも軽量なので使いやすいんじゃないでしょうか。ライセンスはMIT。

tinykeys