jquery - 如何在 Chrome 中获取 div 上的 keydown 事件？

Question

我想在 div 上获取 keydown 事件。我使用 JQuery keydown。非常简单。

但是，它在 Chrome 上不起作用。为了在 Chrome 上工作，我必须设置 tabindex = 0。

如果我这样做，Chrome 会在我的 div 周围放置一个丑陋的橙色边框。

有没有办法让这个在 Chrome 上工作，而不会有丑陋的橙色边框？

Answer 1

Keydown 事件仅发送到具有焦点的 HTML 元素。可聚焦的元素因浏览器而异，但设置了 tabindex 属性的元素在大多数浏览器中始终可以获得焦点。

您已经为 div 元素设置了 tabindex，使其可聚焦并可以接收键盘事件。您的问题是 Google Chrome 上当前聚焦元素的默认轮廓。

要更改轮廓(如您提到的“丑陋的橙色边框”)，请使用伪 CSS 类 :focus 和 CSS 属性轮廓。以下示例将在所有元素获得焦点时删除它们的轮廓:

*:focus
{
    outline: none;
}

希望这有帮助。