JavaScript でブラー イベントのターゲットを特定する方法

ブラー イベントのターゲットの特定

ユーザーがクリックまたはタブ移動して HTML 入力フィールドがフォーカスを失うと、「ブラー」 ' イベントがトリガーされます。このフォーカス喪失の原因となった要素を特定したい場合、この記事では、「関連付けられたターゲット」プロパティを使用した解決策を紹介します。

'関連付けられたターゲット' プロパティ

ブラー イベントのプロパティは、最初の要素がフォーカスを放棄した後にフォーカスを取得した要素を参照します。このプロパティは、ブラーをトリガーした要素を効果的に特定します。

実装例

入力フィールドに付加された次の JavaScript 関数を考えてみましょう:

<code class="javascript">function blurListener(event) {
  if (event.relatedTarget) {
    event.relatedTarget.className = 'focused';
  }
}</code>

このスクリプトでは、入力フィールドがフォーカスを失うたびに、コードは「関連ターゲット」があるかどうかをチェックします。そうである場合、「フォーカスされた」クラスがそれに適用され、フォーカスを取得した要素が強調表示されます。

以上がJavaScript でブラー イベントのターゲットを特定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。