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

Shiv Yadav 15 Februar 2024
  1. das window.focus() in JavaScript
  2. das window.blur() in JavaScript
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:

Zielseite

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.

Webseite geöffnet

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.

Autor: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn