特定の要素がクリックされた場合、ボタンをぼかすことはありません

Question

特定の<button id="example">がフォーカスされている間に表示される単純なドロップダウンメニューがあります。このようなドロップダウンの中には、単純なリスト検索の入力があります。 クリックすると、ボタン上でぼかしイベントが発生するため、ドロップダウンメニューは表示されません。

ボタンで何らかの形でボタンを無視して、ボタンのブラーイベントが発生しないようにする方法はありますか？

Answer 1

これを行うと、ブラウザは常にぼかしイベントを作成します。

ドロップダウンメニューの表示を拡張して、ボタンまたはのいずれかにフォーカスがあるときに表示されるようにすることができます。ボタンの外側をクリックしてメニューが作成されたときにメニューを非表示にすることができます。それを行う方法はたくさんあります。