首頁 > web前端 > js教程 > 如何使用 relatedTarget 屬性識別模糊事件的發起者?

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

Barbara Streisand
發布: 2024-10-19 14:43:30
原創
1028 人瀏覽過

How to Identify the Initiator of a Blur Event Using the relatedTarget Property?

決定啟動模糊事件的元素

問題陳述:

當模糊事件發生時發生模糊時事件在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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板