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 の中にキーが押されたときの処理を書いてます )
これは便利ですね。
関連エントリ
スポンサード リンク
投稿者 KJ : 2007年01月31日 10:09
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- 目のアップの画像を迫力ある画像にするPhotoshopチュートリアル
- 自動再生されるコンテンツスライダー実装
- IEでボックス要素を45度傾けることが出来る「Transformie」
- 2008年8月19日 管理人のブックマーク
- オンラインで動作するPhotoshop風画像編集ツール「pixlr」
- パスワードの強度を示してくれるJS「Ext.ux.PasswordMeter.js」
- 綺麗で立体感のあるサイトメニュー素材
- 2008年8月18日 管理人のブックマーク
- 壁に画像を貼ったようなUIの画像ギャラリー「PostcardViewer」
- CSSでデザインしたクールなテーブルのサンプル集
- 一流のサイトデザインを一から作成する手順集


















