Diferencia entre window.focus() y window.blur() en JavaScript

1. el window.focus() en JavaScript
2. el window.blur() en JavaScript

En este tutorial, comprenderá la diferencia entre los métodos window.focus() y window.blur() en JavaScript.

el window.focus() en JavaScript

El método window.focus() puede usarse para enfocar la ventana. La atención permanece en la ventana cuando se abre.

El método window.focus() vuelve a la ventana principal o primaria si está minimizada o cerrada. En términos simples, podemos decir que el método window.focus() solicita enfocarse en una ventana recién abierta.

No requiere ningún parámetro. Tampoco devuelve ningún valor.

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

el window.blur() en JavaScript

El método window.blur() inicia el evento de desenfoque o agrega una función para ejecutar cuando ocurre uno. Esta técnica se usa frecuentemente junto con la función focus().

Este método tampoco requiere ningún parámetro y no devuelve ningún valor.

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

Ejecutar código

Cuando ejecutes el código, verás algo como esto:

En la captura de pantalla, verá que cuatro botones tienen funciones separadas o trabajo por hacer. Vamos a discutirlos en detalle.

Al principio, cuando hace clic en el botón Open Webpage, realiza solicitudes que activan la función para abrir la página web. La altura de la página web es de aproximadamente 200 y el ancho es de aproximadamente 350.

Del mismo modo, al hacer clic en el botón Blur Webpage se elimina el foco de la página actual. Del mismo modo, al hacer clic en el botón Focus Webpage se vuelve a enfocar en la página web recién abierta.

Finalmente, si hace clic en Close Webpage, cierra la página web recién abierta.