Wie identifiziere ich den Initiator eines Unschärfeereignisses mithilfe der relatedTarget-Eigenschaft?

Bestimmen des Elements, das ein Unschärfeereignis ausgelöst hat

Problemstellung:

Wenn eine Unschärfe auftritt Das Ereignis tritt in einem HTML-Eingabeelement auf. Wie können wir die ID des Elements ermitteln, das den Fokusverlust ausgelöst hat?

Antwort:

Um das Element zu identifizieren, das den Fokusverlust ausgelöst hat Bei einem Blur-Ereignis können wir die relatedTarget-Eigenschaft des Ereignisses nutzen. Diese Eigenschaft stellt das Zielelement dar, das nach der Unschärfe den Fokus erhalten hat.

Stellen Sie sich beispielsweise das folgende Szenario vor:

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

Wenn Sie den Fokus von myInput verlieren, indem Sie auf mySpan klicken, wird onBlurEvent() Funktion wird ausgelöst. Um die ID des Elements zu ermitteln, das den Fokus erhalten hat (mySpan), können wir auf die Eigenschaft „relatedTarget“ innerhalb der Funktion zugreifen:

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

Zusätzlicher Kontext:

Diese Technik findet Anwendung in Szenarien, in denen Sie das standardmäßige Unschärfeverhalten unterdrücken und verhindern müssen, dass die Autovervollständigung verschwindet, wenn auf ein bestimmtes Element geklickt wird. Um dies zu erreichen, können Sie die event.latedTarget.id innerhalb der Funktion onBlurEvent() überprüfen und das Unschärfeereignis ignorieren, wenn es vom gewünschten Element stammt.

Das obige ist der detaillierte Inhalt vonWie identifiziere ich den Initiator eines Unschärfeereignisses mithilfe der relatedTarget-Eigenschaft?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!