JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」
2007年01月31日-
スポンサード リンク
機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会
タイプされたキーに対するアクションを行う Observer 的なライブラリ
JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」
MochiKit ベースで、次のように簡単に使えます。
addKeybind('a', function(ev) { log('a')});
addKeybind('a', function(ev) { log('a!!');}, $('loglog'));
addKeybind('B', function(ev) { log('B')});
addKeybind('B', function(ev) { log('B!!'); return false;}, $('loglog'));
addKeybind('ctrl-x', function(ev) { log('!!!!!!!!!')});
addKeybind('ctrl-alt-o', function() { log('????????') });
cancelKeybind($('cancel'));
var cfunc = addKeybind('c', function(ev) { log('c')});
var cfunc2 = addKeybind('c', function(ev) { log('c2')});
removeKeybind('c', cfunc);
aキーやbキー、ctrl+x、ctrl-alt-o 等も上記のようにして簡単にイベント実装することが可能です。
( function の中にキーが押されたときの処理を書いてます )
これは便利ですね。
関連エントリ
関連の記事検索:キーボード
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ