Question

我正在使用JavaScript和Prototype并从用户那里获取按键。我用这样的代码成功地捕获了返回，空格和箭头：

Event.observe(window, "keyup", function(e) {
  switch (e.keyCode) {
    case Event.KEY_RETURN:
    case Event.KEY_RIGHT:
    case 32:  // space
      // do something
      break;
  }
});

我的问题是空格和箭头一直在滚动页面。有没有办法阻止他们滚动页面？

Answer 1

使用e.preventDefault()停止浏览器的默认行为

Answer 2

在keyup中阻止默认浏览器操作为时已晚。请在keydown事件中执行此操作，并使用Prototype的Event.stop方法：

Event.observe(document, "keydown", function(e) {
  switch (e.keyCode) {
    case Event.KEY_RETURN:
    case Event.KEY_RIGHT:
    case 32:  // space
      // do something
      Event.stop(e);
      break;
  }
});

Answer 3

来自the Prototype documentation：

Event.stop（event）
停止事件的传播并阻止其传播触发默认操作最终

因此，在Event.stop(e);之前添加break;可以解决您的问题。

另外，您应该针对keydown事件执行此操作，因为keyup为时已晚。

Answer 4

e.preventDefault（）适用于Chrome。

当拦截按空格和箭头等按键时停止滚动页面

4 个答案: