So identifizieren Sie das Ziel eines Unschärfeereignisses in JavaScript

Identifizieren des Ziels eines Unschärfeereignisses

Wenn ein HTML-Eingabefeld den Fokus verliert, weil ein Benutzer darauf klickt oder mit der Tabulatortaste weggeht, entsteht eine „Unschärfe“. 'Ereignis wird ausgelöst. Wenn Sie ermitteln möchten, welches Element diesen Fokusverlust verursacht hat, stellt dieser Artikel eine Lösung mithilfe der Eigenschaft „relatedTarget“ vor.

Eigenschaft „relatedTarget“

Die Eigenschaft „latedTarget“ Die Eigenschaft eines Unschärfeereignisses verweist auf das Element, das den Fokus erlangt hat, nachdem das ursprüngliche Element ihn aufgegeben hat. Diese Eigenschaft lokalisiert effektiv das Element, das die Unschärfe ausgelöst hat.

Beispielimplementierung

Betrachten Sie die folgende JavaScript-Funktion, die an ein Eingabefeld angehängt ist:

<code class="javascript">function blurListener(event) {
  if (event.relatedTarget) {
    event.relatedTarget.className = 'focused';
  }
}</code>

In diesem Skript prüft der Code jedes Mal, wenn das Eingabefeld den Fokus verliert, ob ein „bezogenes Ziel“ vorhanden ist. Wenn ja, wird die Klasse „fokussiert“ darauf angewendet und das Element hervorgehoben, das den Fokus erlangt hat.

Das obige ist der detaillierte Inhalt vonSo identifizieren Sie das Ziel eines Unschärfeereignisses in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!