キーボードイベントを実装する際に単体で使える軽量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
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ