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

公開:2014-06-10 20:37
更新:2020-02-15 04:37
カテゴリ:jquery,webmidi,ポケミク,javascript,audio,html5,ハードウェア,ポケミク・シーケンサー

削除やコピペの実装に入るのだが、これを実現するにはコンテキスト・メニューとキーボード・ショートカットが欠かせない。コンテキストメニューの実装はなんとなく行けそうに思えるものの、キーボードショートカットは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');
});

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