問題 :一部の div に「tabindex」属性を追加して、タブ キー キーボード ナビゲーションからアクセスできるようにしました。しかし今では、div をクリックするとすぐにオレンジ色の注文が表示されるため、ユーザー エクスペリエンスが低下します。ユーザーがクリックしたときではなく、キーボードを使用して div に移動したときにのみ、オレンジ色の境界線を表示したいと思います。
問題を説明する JSFiddle リンクをたどります。ボタンは、クリックするとすぐに div がオレンジ色の境界線を取得するため、タブ ナビゲーションを介してのみオレンジ色の境界線を取得します。ボタンと div の同様の動作をシミュレートするにはどうすればよいですか?
注:outline :none css を :focus 状態に追加するとアウトラインが削除されることはわかっていますが、ユーザーがキーボードを使用して div に移動すると、アウトラインも削除されます。
誰かがこれで私を助けることができますか？前もって感謝します。:)