キーボードイベントを実装する際に単体で使える軽量JSライブラリ「Keypress」
2012年10月04日-
スポンサード リンク
Keypress: A Javascript library for capturing input
キーボードイベントを実装する際に単体で使える軽量JSライブラリ「Keypress」
jQuery等に依存せず、簡単に使えるキーボードイベント実装ライブラリ。単体キーだけでなく、複数のキーの組合せや、キーを押した順によってイベントを発動させることができ、とりあえずキーボードショートカットなんかを入れたいという場合に簡単に使えそうです。

ライブラリを使ったイベント実装コードは以下。Shift+Sで発動する関数を設定しています。
keypress.combo("shift s", function() {
console.log("You pressed shift and s");
});
次のような感じで、キーボードを↑↑↓↓〜という感じに順に打ってイベントを発動させることも可能
keypress.sequence_combo("up up down down left right left right b a enter", function() {
lives = 30;
}, true);
関連エントリ
キーボードイベントを実装する際に単体で使える軽量JSライブラリ「Keypress」
jQuery等に依存せず、簡単に使えるキーボードイベント実装ライブラリ。単体キーだけでなく、複数のキーの組合せや、キーを押した順によってイベントを発動させることができ、とりあえずキーボードショートカットなんかを入れたいという場合に簡単に使えそうです。

ライブラリを使ったイベント実装コードは以下。Shift+Sで発動する関数を設定しています。
keypress.combo("shift s", function() {
console.log("You pressed shift and s");
});
次のような感じで、キーボードを↑↑↓↓〜という感じに順に打ってイベントを発動させることも可能
keypress.sequence_combo("up up down down left right left right b a enter", function() {
lives = 30;
}, true);
関連エントリ
- サイトにキーボードショートカットを実装する際に便利なjQueryプラグイン「chaves.js」
- iPadのようなソフトウェアキーボードをWEBで実現するjQueryプラグイン
- キーボード不要でMySQLクエリを組み立てられるChromeアプリ「MyQuery Builder」
関連の記事検索:JavaScript, ライブラリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ