模糊事件可以辨識觸發事件的元素嗎？

在模糊事件後追蹤元素焦點接收者

問題：

問題：

考慮框帶有附加的模糊功能。此函數中是否有方法來識別觸發模糊事件（即接收焦點）的元素？

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

範例：

如果跨度輸入元素獲得焦點後，點擊 ID“mySpan”，模糊函數如何判斷是 mySpan 獲得了焦點？

解決方案：

根據UI 事件規範中，可以使用事件的relatedTarget 屬性：

對於模糊事件：

latedTarget：接收焦點的事件目標。

<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中文網其他相關文章！