javascript keydown 事件在焦点为 gmail 书写输入时不起作用

Question

我正在尝试使用 javascript 进行 chrome 扩展，当我在 gmail 中键入 email 时，它会触发按键操作。

我设法制作扩展，当我在任何页面上按下按键时，它会正确执行控制台日志。

当我输入 gmail email 写入输入时捕获事件时，我的问题就出现了，它没有捕获事件。

正文文本框是一个内容可编辑的 div，发件人和主题文本框是输入。 我不知道这是否有帮助

我注入的JS代码如下：

document.addEventListener('keydown', function (e){
  console.log('push')
});

该代码在页面的搜索输入中有效，但在 email 的写入输入中无效。有人知道为什么吗？

Answer 1

添加事件侦听器时，使用document.addEventListener可能不是 go 的正确方法。

keydown事件有 90% 的可能性由contenteditable div和 input 元素直接处理，这会阻止它被文档本身处理。 您可能需要将事件侦听器直接附加到contenteditable div和输入元素（以某种方式引用它们 - 您可以查看 MailTrack 或一些 Gmail 扩展以了解它们是如何做到的），而不是文档.

您可以尝试打开检查元素并查看类或 ID 是否更改，然后决定如何使用它们将它们连接到您的代码； 并将适当的事件侦听器附加到它们。

您还可以尝试使用事件委托将适当的事件侦听器附加到 input 和contenteditable div的父元素； 然后检查事件目标，看看它是否是您感兴趣的元素——但我不会深入探讨，因为它可能不是解决此类情况的最佳方法。

这是完全有可能的——因为如果另一个 chrome 扩展可以做到，你的也可以。 它只是归结为信息收集和适当的研究。