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

Shiv Yadav 15 febrero 2024
  1. el window.focus() en JavaScript
  2. el window.blur() en JavaScript
Diferencia entre window.focus() y 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:

Página de destino

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.

Página web abierta

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.

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