如何使用 relatedTarget 屬性識別模糊事件的發起者？

決定啟動模糊事件的元素

問題陳述：

當模糊事件發生時發生模糊時事件在HTML 輸入元素上，我們如何決定觸發失去焦點的元素的ID？

答案：

辨識提示的元素對於模糊事件，我們可以利用該事件的 relatedTarget 屬性。此屬性表示模糊後接收焦點的目標元素。

例如，考慮以下場景：

<code class="html"><input id="myInput" onblur="onBlurEvent()" />
<span id="mySpan">Hello World</span></code>

當您透過點擊 mySpan 從 myInput 失去焦點時， onBlurEvent()功能將被觸發。要確定接收焦點的元素(mySpan) 的ID，我們可以存取函數中的relatedTarget 屬性：

<code class="js">function onBlurEvent() {
  console.log(event.relatedTarget.id); // Output: "mySpan"
}</code>

其他上下文：

此技術在需要抑制預設模糊行為並防止單擊特定元素時自動完成器消失的場景中找到應用程式。要實現此目的，您可以檢查 onBlurEvent() 函數中的 event.latedTarget.id 並忽略模糊事件（如果它源自於所需元素）。

以上是如何使用 relatedTarget 屬性識別模糊事件的發起者？的詳細內容。更多資訊請關注PHP中文網其他相關文章！