Unterschied zwischen window.focus() und window.blur() in JavaScript

In diesem Tutorial werden Sie den Unterschied zwischen den Methoden window.focus() und window.blur() in JavaScript verstehen.

das window.focus() in JavaScript

Die Methode window.focus() kann verwendet werden, um das Fenster zu fokussieren. Die Aufmerksamkeit bleibt beim Öffnen auf dem Fenster.

Die Methode window.focus() kehrt zum primären oder übergeordneten Fenster zurück, wenn es minimiert oder geschlossen ist. Einfach ausgedrückt können wir sagen, dass die Methode window.focus() anfordert, sich auf ein neu geöffnetes Fenster zu konzentrieren.

Es erfordert keine Parameter. Es gibt auch keinen Wert zurück.

function wFocus() {
  Tab.focus();
}

das window.blur() in JavaScript

Die Methode window.blur() initiiert entweder das Blur-Ereignis oder fügt eine Funktion hinzu, die ausgeführt wird, wenn eines auftritt. Diese Technik wird häufig in Verbindung mit der Funktion focus() verwendet.

Auch diese Methode benötigt keine Parameter und gibt auch keinen Wert zurück.

function wBlur() {
  Tab.blur();
}

Code ausführen

Wenn Sie den Code ausführen, sehen Sie etwa Folgendes:

Im Screenshot sehen Sie, dass vier Schaltflächen separate Funktionen oder Aufgaben haben. Lassen Sie uns sie im Detail besprechen.

Wenn Sie zunächst auf die Schaltfläche Open Webpage klicken, werden Anfragen gestellt, die die Funktion zum Öffnen der Webseite auslösen. Die Höhe der Webseite beträgt etwa 200 und die Breite etwa 350.

In ähnlicher Weise wird durch Klicken auf die Schaltfläche Blur Webpage der Fokus von der aktuellen Seite entfernt. Ebenso wird durch Klicken auf die Schaltfläche Focus Webpage die neu geöffnete Webseite erneut fokussiert.

Wenn Sie schliesslich auf Close Webpage klicken, wird die neu geöffnete Webseite geschlossen.