javascript - 如何为整个文档启用 keydown 并为一个 div 禁用 keydown

Question

我正在使用 fancybox 弹出表单，我的客户不想背景应该滚动

Firefox 仍然允许用户通过箭头键滚动背景。

现在我阻止用户按箭头键直到弹出完整的文档，但它也会在我的表单中停止相同的按键。

这些是用户阻止除表单之外的所有文档的事件的任何选项吗？

Answer 1

尝试这个-

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

Answer 2

要为完整文档启用 keydown：

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

并为一个 div 禁用 keydown：

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

其中target是特定 div 的 ID。