クロムのdivのキーダウンイベントを取得するにはどうすればよいですか？

Question

私はdivのkeydownイベントを取得したいと思います。私はJQueryキーダウンを使用します。ものすごく単純。

ただし、クロームでは機能しません。これをクロムで処理するには、tabindex = 0を設定する必要があります。

これを行うと、Chromeは私のdivの周りに醜いオレンジ色の境界線を配置します。

醜いオレンジ色の枠線がないクロムでこの処理を行う方法はありますか？

Answer 1

Keydownイベントは、フォーカスのあるHTML要素にのみ送信されます。フォーカス可能な要素はブラウザによって異なりますが、tabindexプロパティが設定されている要素は、ほとんどのブラウザで常にフォーカスを得ることができます。

div要素のtabindexは、フォーカス可能でキーボードイベントを受け取れるようにすでに設定されています。あなたの問題は、Google Chromeの現在注目されている要素のデフォルトの概要です。

アウトライン（前述の「醜いオレンジ色の枠線」）を変更するには、疑似CSSクラス：フォーカスとCSSのプロパティの概要を使用します。次の例では、フォーカスがあるときにすべての要素からアウトラインを削除します。

*:focus 
{ 
    outline: none; 
} 

このヘルプが必要です。