Können Unschärfeereignisse das Element identifizieren, das das Ereignis ausgelöst hat?

Elementfokusempfänger nach Unschärfeereignis verfolgen

Problem:

Betrachten Sie ein HTML-Eingabefeld mit angeschlossener Unschärfefunktion. Gibt es in dieser Funktion eine Methode, um das Element zu identifizieren, das das Unschärfeereignis ausgelöst hat (d. h. den Fokus erhalten hat)?

Beispiel:

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

Wenn eine Spanne mit ID „mySpan“ wird angeklickt, nachdem das Eingabeelement den Fokus hat. Wie kann die Unschärfefunktion feststellen, dass mySpan fokussiert war?

Lösung:

Gemäß der UI-Ereignisspezifikation, die relatedTarget-Eigenschaft des Ereignisses kann verwendet werden:

Für Unschärfeereignisse:

• relatedTarget: Ereignisziel, das den Fokus erhält.

Codebeispiel:

<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>

In diesem Beispiel werden unscharfe Elemente orange, während fokussierte Elemente gelb werden.

Das obige ist der detaillierte Inhalt vonKönnen Unschärfeereignisse das Element identifizieren, das das Ereignis ausgelöst hat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!