Método Window.blur()
El método blur() se utiliza para eliminar el foco de la ventana actual. es decir, envía la nueva ventana abierta al fondo.
Sintaxis:
Window.blur()
Parámetro: No requiere ningún parámetro.
Valor devuelto: No devuelve ningún valor.
Método Window.focus()
El método focus() se utiliza para centrarse en la nueva ventana abierta. es decir, traer de vuelta la ventana de desenfoque al primer plano.
Sintaxis:
window.focus()
Parámetro: No requiere ningún parámetro.
Valor devuelto: No devuelve ningún valor.
El siguiente ejemplo ilustra el método window.blur() y window.focus() en JavaScript:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
window Blur and Focus method
</title>
<style>
body {
text-align: center;
}
.gfg {
font-size: 40px;
font-weight: bold;
color: green;
}
</style>
</head>
<body>
<div class="gfg">GeeksforGeeks</div>
<h2>Blur and Focus</h2>
<script>
var Window;
// Function that open the new Window
function windowOpen() {
Window = window.open(
"https://www.geeksforgeeks.org/",
"_blank", "width=400, height=450");
}
// function that Closes the open Window
function windowClose() {
Window.close();
}
//function that blur the open Window
function windowBlur() {
Window.blur();
}
//function that focus on open Window
function windowFocus() {
Window.focus();
}
</script>
<button onclick="windowOpen()">
Open GeeksforGeeks
</button>
<button onclick="windowBlur()">
Blur GeeksforGeeks
</button>
<button onclick="windowFocus()">
Focus GeeksforGeeks
</button>
<button onclick="windowClose()">
Close GeeksforGeeks
</button>
</body>
</html>
Salida: si hace clic en el botón borroso GeeksforGeeks , la página geeksforgeeks.org se moverá al fondo y si hace clic en el botón de enfoque GeeksforGeeks , las ventanas geeksforgeeks.oge pasarán a primer plano.
Haga clic en el desenfoque:
Haga clic en el enfoque:
Navegador compatible: los navegadores compatibles con Window Blur() y Window Focus() Method se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Firefox 1 y superior
- Internet Explorer 4 y superior
- Ópera 12.1 y superior
- Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por Naman_Garg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA