javascript - 当使用 WASD 玩 HTML5 游戏时，如何阻止使用 Firefox 搜索框的客户端出现？

Question

我有一个与此半相关的问题 question ，除了从最终用户的 Angular 来看，我需要从内容提供商的 Angular 来看它。

如果 Mozilla 基金会会引入这种半侵入式功能，并且无法针对选定的内容禁用它，我会感到惊讶。

我有一个网页，仅包含一个 canvas 元素，该元素通过 javascript 绘制，创建一个游戏供用户玩。当用户使用控制键(W、A、S 和 D)时，FireFox 会发现用户不在某种形式的输入框中，并确定他们一定想要搜索页面的某些内容(打开ctrl+f 搜索框)，迫使用户失去对游戏的注意力，并按以下按键取消注册。这会给非技术用户带来问题，他们不知道关闭此功能的设置在哪里，反过来他们可能会将其归咎于内容本身而不是浏览器。除了在用户强制关注的页面外创建输入之外，还有其他方法可以在 FireFox 用户访问我的页面时禁用此输入吗？

Answer 1

处理完您的事件后，只需终止它即可。

示例:

function handleDirectionalKeys(ev) {

  // .. Your WASD code

  ev.preventDefault();
  ev.stopPropagation(); // May not be needed, test it yourself

  return false;
}

您可以选择在事件到达 DOM 层次结构的顶层时取消该事件:

$(window).keypress(function(e)
{
    // At this point you need to make sure that the key press
    // was already handled by your code
    e.preventDefault();
}