ぼかしイベント後の要素フォーカス受信者の追跡
問題:
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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
