JavaScript 独自イベントを作成し、キーバインドの有効・無効を切り替える

      elm.addEventListener( "show", function(){
        window.dispatchEvent(evInputStart);
      });
      elm.addEventListener( "hide", function(){
        window.dispatchEvent(evInputEnd);
      });
 
function avoidKeyEvent(e) {
// キーバインドなし
  return;
}
function dispatchKeyEvent(e) {
  e = e || event; // to deal with IE
  
  map[e.keyCode] = e.type == 'keydown';

  if (isArrowKey(e)) {
    // 矢印キー押下時はデフォルトのカーソルキー押下イベントをキャンセル
    e.preventDefault();
  }

  // キーバインドで行いたい処理をここに書く
}

// 初期状態はキーバインドなし
window.onkeydown = window.onkeyup = avoidKeyEvent;

 
var evInputStart = new Event('InputStart');
window.addEventListener("InputStart", function(e) {
  window.onkeydown = window.onkeyup = avoidKeyEvent;
});
var evInputEnd = new Event('InputEnd');
window.addEventListener("InputEnd", function(e) {
  window.onkeydown = window.onkeyup = dispatchKeyEvent;
});