Différence entre window.focus() et window.blur() en JavaScript

1. la window.focus() en JavaScript
2. le window.blur() en JavaScript

Dans ce tutoriel, vous comprendrez la différence entre les méthodes window.focus() et window.blur() en JavaScript.

la window.focus() en JavaScript

La méthode window.focus() peut être utilisée pour mettre la fenêtre au point. L’attention reste sur la fenêtre lorsqu’elle est ouverte.

La méthode window.focus() revient à la fenêtre principale ou parente si elle est minimisée ou fermée. En termes simples, nous pouvons dire que la méthode window.focus() demande de se concentrer sur une fenêtre nouvellement ouverte.

Il ne nécessite aucun paramètre. Il ne renvoie également aucune valeur.

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

le window.blur() en JavaScript

La méthode window.blur() déclenche l’événement de flou ou ajoute une fonction à exécuter lorsqu’il se produit. Cette technique est fréquemment utilisée en conjonction avec la fonction focus().

Cette méthode ne nécessite pas non plus de paramètres et ne renvoie aucune valeur.

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

Exécuter le code

Lorsque vous exécuterez le code, vous verrez quelque chose comme ceci :

Dans la capture d’écran, vous verrez que quatre boutons ont des fonctions ou des tâches distinctes. Discutons-en en détail.

Dans un premier temps, lorsque vous cliquez sur le bouton Open Webpage, il fait des demandes qui déclenchent la fonction d’ouverture de la page Web. La hauteur de la page Web est d’environ 200 et la largeur d’environ 350.

De même, cliquer sur le bouton Blur Webpage supprime le focus de la page actuelle. De même, cliquer sur le bouton Focus Webpage recentre sur la page Web nouvellement ouverte.

Enfin, si vous cliquez sur Close Webpage, cela ferme la page Web nouvellement ouverte.