Définition et utilisation méthode blur()
JavaScript cours tutorialLa méthode blur() supprime le focus à la fenêtre active.
Astuce : Utilisez la méthode focus() pour donner le focus à la fenêtre active.
Remarque : La méthode blur() demmande le renvoi de la fenêtre en cours à l'arrière-plan.
Exemple S'assurer que la nouvelle fenêtre n'obtient pas le focus (envoyer la nouvelle fenêtre à l'arrière-plan) :
Sélectionner le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple méthode atob()</title>
</head>
<body>
<p>Cliquez sur le bouton pour ouvrir une nouvelle fenêtre
et s'assurer que la nouvelle fenêtre n'obtient pas le focus
(envoyer la nouvelle fenêtre à l'arrière-plan).</p>
<button onclick="ouvreFenetre()">Ouvrir</button>
<script>
function ouvreFenetre()
{
var myWindow = window.open("","","width=200,height=100");
myWindow.document.write("<p>Ceci est la nouvelle
fenêtre!</p>");
myWindow.blur();
}
</script>
</body>
</html>
Appui de navigateur
La méthode blur() est pris en charge dans tous les principaux navigateurs, sauf Opera.
Syntaxe
window.blur()
Définition et utilisation méthode focus()
La méthode focus() envoie le focus à la fenêtre active.
Astuce : Utilisez la méthode blur() pour retirer le focus de la fenêtre active.
Remarque : Cette méthode fait une demande de mettre la fenêtre courante au premier plan. Maintenant, il peut fonctionner comme prévu dans tous les navigateurs, en raison de paramètres utilisateur différent.
Exemple envoyer la nouvelle fenêtre à l'avant:
Sélectionner le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple méthode atob()</title>
</head>
<body>
<p>Cliquez sur le bouton pour ouvrir une nouvelle fenêtre
et s'assurer que la nouvelle fenêtre obtient le focus (envoyer
la nouvelle fenêtre à l'avant-plan).</p>
<button onclick="ouvreFenetre()">Ouvrir</button>
<script>
function ouvreFenetre()
{
var myWindow = window.open("","","width=200,height=100");
myWindow.document.write("<p>Ceci est la nouvelle
fenêtre!</p>");
myWindow.focus();
}
</script>
</body>
</html>
Appui de navigateur
La méthode focus() est prise en charge dans tous les principaux navigateurs.
Syntaxe
window.focus()
Autre exemple
Exemple Mettre et retirer le focus à un élément input avec l'id « test » :
Sélectionner le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple méthode blur() et
focus()</title>
</head>
<body>
<p>Cliquez sur les boutons ci-dessous pour donner ou
enlever le focus à l'élément input</p>
Entrez votre nom : <input id="test" type="text" value="Votre
nom ici..">
<br><br>
<button onclick="setFocus()">Donner le focus à l'élément
input</button>
<button onclick="removeFocus()">Enlever le focus à
l'élément input</button>
<script>
function setFocus()
{
var x = document.getElementById("test");
x.focus();
}
function removeFocus()
{
var x = document.getElementById("test");
x.blur();
}
</script>
</body>
</html>
La méthode secrète likes sans fin sur Facebook
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENTGRÂCE À FACEBOOK
N'A JAMAIS ÉTÉ SI FACILE
Consulter
