D?nition et utilisation m?ode blur()
JavaScript cours tutorialLa m?ode blur() supprime le focus ?a fen?e active.
Astuce : Utilisez la m?ode focus() pour donner le focus ?a fen?e active.
Remarque : La m?ode blur() demmande le renvoi de la fen?e en cours ?'arri?-plan.
Exemple S'assurer que la nouvelle fen?e n'obtient pas le focus (envoyer la nouvelle fen?e ?'arri?-plan) :
Exemple : 📋 Copier le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple m?ode atob()</title>
</head>
<body>
<p>Cliquez sur le bouton pour ouvrir une nouvelle fen?e
et s'assurer que la nouvelle fen?e n'obtient pas le focus
(envoyer la nouvelle fen?e ?'arri?-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?e!</p>");
myWindow.blur();
}
</script>
</body>
</html>
Appui de navigateur
La m?ode blur() est pris en charge dans tous les principaux navigateurs, sauf Opera.
Syntaxe
window.blur()
D?nition et utilisation m?ode focus()
La m?ode focus() envoie le focus ?a fen?e active.
Astuce : Utilisez la m?ode blur() pour retirer le focus de la fen?e active.
Remarque : Cette m?ode fait une demande de mettre la fen?e courante au premier plan. Maintenant, il peut fonctionner comme pr? dans tous les navigateurs, en raison de param?es utilisateur diff?nt.
Exemple envoyer la nouvelle fen?e ?'avant:
Exemple : 📋 Copier le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple m?ode atob()</title>
</head>
<body>
<p>Cliquez sur le bouton pour ouvrir une nouvelle fen?e
et s'assurer que la nouvelle fen?e obtient le focus (envoyer
la nouvelle fen?e ?'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?e!</p>");
myWindow.focus();
}
</script>
</body>
</html>
Appui de navigateur
La m?ode focus() est prise en charge dans tous les principaux navigateurs.
Syntaxe
window.focus()
Autre exemple
Exemple Mettre et retirer le focus ?n ?ment input avec l'id « test » :
Exemple : 📋 Copier le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple m?ode blur() et
focus()</title>
</head>
<body>
<p>Cliquez sur les boutons ci-dessous pour donner ou
enlever le focus ?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'?ment
input</button>
<button onclick="removeFocus()">Enlever le focus ? 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>
Par carabde 30 mars 2014