oujood.com

Fen?e Les m?odes blur() et Focus

La m?ode blur() supprime le focus ?a fen?e active... La m?ode focus() envoie le focus ?a fen?e active.
.....

chercher |

D?nition et utilisation m?ode blur()

JavaScript cours tutorial

La 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

Internet Explorer Firefox Opera Google Chrome Safari

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

Internet Explorer Firefox Opera Google Chrome Safari

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



Voir aussi nos tutoriel :

Les boucles while javaScript

Les boucles while js : La boucle While exécute un bloc de code spécifié un nombre de fois , tant que la condition spécifié est vrais (true).

jQuery manipulation css

jQuery manipulation css

Balise option

Définit une option dans une liste déroulante