javascript - ドキュメント全体のキーダウンを有効にし、1 つの div のキーダウンを無効にする方法

Question

フォームのポップアップに fancybox を使用していますが、クライアントは背景をスクロールしたくありません

Firefox では、矢印キーを使用して背景をスクロールできます。

今、ユーザーが完全なドキュメントのポップアップまで矢印キーを押すのをブロックしましたが、フォームでも同じキーダウンを停止します。

ユーザーがフォーム以外のすべてのドキュメントのイベントをブロックするオプションはありますか?

Answer 1

これを試して-

$(document).keydown(function(event){
  if ($(event.target).is('.theForm'))
      event.stopPropogation();
  else
      // block scrolling  
});

Answer 2

ドキュメント全体のキーダウンを有効にするには:

$(document).keydown(function(event) {
  var charCode = event.which;
  alert('Handler for .keydown() called - ' + charCode );
});

1 つの div のキーダウンを無効にするには:

$('#target').keydown(function(event) {
  event.preventDefault()
});

はtarget特定の div の ID です。