ContentEditable要素がホットキーで反応しない

Question

開いているすべてのタブにJSコードを挿入するChrome拡張機能を開発しています。このコードのタスクには、書式設定を可能にするcontentEditable<div>として実装されたテキストボックスの表示が含まれます。ただし、contentEditable要素は一部のウェブサイトでうまく機能しません。 Twitter。アドレスバーにtwitter.com

貼り付けjavascript:document.body.setAttribute('contentEditable', true);に

1. 移動し、エンターキーを押します：

   はそれを自分で試してみてください。

2. 文書の任意の場所をクリックします。テキストを編集できるようになりました。
3. jまたはkと入力してみてください。表示されます：文字が表示されず、代わりに選択範囲が移動します（リスト内のツイートが強調表示されます）。

私は、Twitterのキーボードナビゲーションがどのように実装されているかを知ろうとしましたが、ヒントは見つかりませんでした。この問題を解決する方法に関するヒントを教えてください（他のウェブサイトで同様の問題を避けることはできますか）。

入力にiFrameを使用すると、他の非常に奇妙なバグが発生するので、可能ならばそれを避けたいと思います。

Answer 1

Google Chromeにvimキーボード拡張機能をインストールしていないことを確認してください。 JとKはナビゲーションショートカットに使用されます。 （上下）。