Fenêtre Les méthodes blur() et Focus

.....

Définition et utilisation méthode blur() 

JavaScript cours tutorial

La 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

Internet Explorer Firefox Opera Google Chrome Safari

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

Internet Explorer Firefox Opera Google Chrome Safari

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>

 
Par carabde 30 mars 2014