diff options
Diffstat (limited to 'files/fr/web/api/globaleventhandlers/onblur/index.md')
| -rw-r--r-- | files/fr/web/api/globaleventhandlers/onblur/index.md | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/files/fr/web/api/globaleventhandlers/onblur/index.md b/files/fr/web/api/globaleventhandlers/onblur/index.md new file mode 100644 index 0000000000..ea3ed43e43 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onblur/index.md @@ -0,0 +1,60 @@ +--- +title: element.onblur +slug: Web/API/GlobalEventHandlers/onblur +tags: + - DOM + - DOM_0 +translation_of: Web/API/GlobalEventHandlers/onblur +--- +<p>{{ ApiRef() }}</p> + +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> + +<p>La propriété <strong>onblur</strong> renvoie le gestionnaire de l'évènement <code>blur</code> (perte de focus) pour l'élément courant.</p> + +<h3 id="Syntaxe">Syntaxe</h3> + +<pre class="eval">element.onblur = nomFonctionUtilisateur; +</pre> + +<ul> + <li><code>nomFonctionUtilisateur</code> est le nom de la fonction utilisateur préalablement définie, sans les parenthèses ni aucun argument. Il est également possible de déclarer une « fonction anonyme », comme :</li> +</ul> + +<pre class="eval">element.onblur = function() { + alert("Évènement onblur détecté"); +}; +</pre> + +<h3 id="Exemple">Exemple</h3> + +<p>Lorsqu'une zone de saisie n'est plus active suite à une perte du « focus », une boîte de message (alert) est affichée.</p> + +<pre class="brush: html"><form> + <input type="text" id="foo" value="Allo!" /> +</form> + +<script type="text/javascript"> + +var elem = document.getElementById("foo"); + +// Attention : afficherMessage(); ou afficherMessage(param); ne fonctionneront pas ici, +// il doit s'agir d'une référence au nom d'une fonction et non d'un appel de cette fonction + +elem.onblur = afficherMessage; + +function afficherMessage() { + alert("Évènement onblur detecté!"); +} +</script> +</pre> + +<h3 id="Notes">Notes</h3> + +<p>L'évènement <code>blur</code> se déclenche lors de la perte de focus d'un élément.</p> + +<p>Microsoft Internet Explorer déclenche l'évènement <code>blur</code> sur presque tous les éléments, contrairement aux navigateurs Gecko (dont Firefox) qui ne le déclencheront que sur un nombre limité d'éléments.</p> + +<h3 id="Sp.C3.A9cification">Spécification</h3> + +<p>{{ DOM0() }}</p>
\ No newline at end of file |