ContentEditable 元素对热键没有反应

Question

我正在开发一个 Chrome 扩展程序，它将 JS 代码注入到所有打开的选项卡中。此代码的任务包括显示一个文本框，实现为 contentEditable <div> 以允许格式化。但是，contentEditable 元素在某些网站上表现不佳，例如推特。

自己试试吧：

1. 转到twitter.com
2. 在地址栏中粘贴javascript:document.body.setAttribute('contentEditable', true);，然后回车。
3. 单击文档中的任意位置 - 您现在应该可以编辑文本了。
4. 尝试输入j 或k。您将看到：角色没有出现，而是移动了选择（列表中的推文将突出显示）。

我一直在努力找出 Twitter 的键盘导航是如何实现的，但找不到任何提示。你能给我一些关于如何解决这个问题（并避免在其他网站上出现类似问题）的提示吗？

使用 iFrame 作为输入会触发其他一些非常奇怪的错误，所以如果可能的话，我想避免这种情况。

Answer 1

请确保您没有在 google chrome 上安装 vim 键盘扩展。 J 和 K 然后用于导航快捷方式。 （上/下）。