jquery - 防止 iframe 键盘事件滚动保持页面

Question

经过大量研究(这里和其他地方)，我找到了一种防止键盘按下来滚动 HTML 页面的方法:

var ar=new Array(33,34,35,36,37,38,39,40);
var prevent_acc = function(e) {                    
     var key = e.which;
      console.log(key);
      //if(key==35 || key == 36 || key == 37 || key == 39)
      if($.inArray(key,ar) > -1) {
          console.log("preventing")
          e.preventDefault();
          return false;
      }
      return true;                
}

$(document).keydown(prevent_acc);
$(document).keyup(prevent_acc);                
$(document).keypress(prevent_acc);

当焦点在主页上时一切正常。但是，当 iframe 容器获得焦点时，我遇到了问题 - 然后，整个页面滚动并且未触发该功能。

我是否需要在每个 iframe 中插入一些代码，或者是否有办法捕获从中冒出的事件并阻止它？

Answer 1

我发现一个很好的解决方案是监听焦点的发生然后改变它......所以

$('iFrame').click(function(){
 window.focus();
});

这仍然会让 iframe 内的点击发生，但之后焦点会立即返回到您的窗口。