ブラーイベントはイベントを引き起こした要素を特定できますか?

ぼかしイベント後の要素フォーカス受信者の追跡

問題:

HTML 入力ボックスを検討してくださいぼかし機能付き。この関数内に、ブラー イベントをトリガーした要素 (つまり、フォーカスの受信) を識別するメソッドはありますか?

例:

<code class="html"><input id="myInput" onblur="function() { ... }"></code>

入力要素にフォーカスがあった後に ID「mySpan」がクリックされました。blur 関数は、フォーカスされていたのが mySpan であることをどのように判断できますか?

解決策:

によるとUI イベント仕様では、イベントの関連ターゲット プロパティを使用できます:

ブラー イベントの場合:

• 関連ターゲット: フォーカスを受け取るイベント ターゲット。

コード例:

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

[].forEach.call(document.querySelectorAll('input'), function(el) {
  el.addEventListener('blur', blurListener, false);
});</code>

この例では、ぼやけた要素はオレンジ色に変わり、フォーカスされた要素はライムに変わります。

以上がブラーイベントはイベントを引き起こした要素を特定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。