読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

ポケミク・シーケンサーを作る(9) Shortcut (Hotkey)の実装

削除やコピペの実装に入るのだが、これを実現するにはコンテキスト・メニューとキーボード・ショートカットが欠かせない。コンテキストメニューの実装はなんとなく行けそうに思えるものの、キーボードショートカットはkeydown/keyupイベントを捕まえてキーコードで分岐したりshift/alt/ctrlの組み合わせの考慮とかもする必要があって実装が面倒だ。こういうキーボードショートカットの実装を端折れるライブラリはないものかと探したら「jQuery.hotkeys」というものを見つけた。このライブラリを使うと下記のように書けるようだ。

$(document).on('keydown', null, 'ctrl+a', fn);

// e.g. replace '$' sign with 'EUR'
$('input.foo').on('keyup', null, '$', function(){
  this.value = this.value.replace('$', 'EUR');
});     

ライブラリとしては面白そうだが私の欲しいものとは少し違うような気もする。でもちょっと試してみるかな。