diff options
Diffstat (limited to 'files/fr/web/api/globaleventhandlers/onclick/index.md')
| -rw-r--r-- | files/fr/web/api/globaleventhandlers/onclick/index.md | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/files/fr/web/api/globaleventhandlers/onclick/index.md b/files/fr/web/api/globaleventhandlers/onclick/index.md new file mode 100644 index 0000000000..73354e541b --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onclick/index.md @@ -0,0 +1,66 @@ +--- +title: element.onclick +slug: Web/API/GlobalEventHandlers/onclick +translation_of: Web/API/GlobalEventHandlers/onclick +--- +<p>{{ ApiRef() }}</p> + +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> + +<p>La propriété <strong>onclick</strong> représente le gestionnaire d'évènement onClick de l'élément courant.</p> + +<h3 id="Syntaxe">Syntaxe</h3> + +<p><code><em>element</em>.onclick = <em>functionRef</em></code></p> + +<p>où <em>functionRef</em> est une fonction ou une expression de type <em>function. </em>Consulter la <a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope">référence des fonctions</a> pour plus de détails.</p> + +<p>Le paramètre fourni au gestionnaire d'évènement <em>functionRef</em> lors du déclenchement de l'évènement est un objet qui représente l'évènement de click, de type {{ domxref("MouseEvent") }}.</p> + +<h3 id="Exemple">Exemple</h3> + +<pre class="brush: html"><!doctype html> +<html> +<head> +<title>onclick event example</title> +<script type="text/javascript"> +function initElement() +{ + var p = document.getElementById("foo"); + // NOTE: showAlert(); ou showAlert(param); NE fonctionne PAS ici. + // Il faut fournir une valeur de type <em><strong>function</strong></em> (nom de fonction déclaré ailleurs ou declaration en ligne de fonction). + p.onclick = showAlert; +}; + +function showAlert() +{ + alert("Evènement de click détecté"); +} +</script> +<style type="text/css"> +#foo { +border: solid blue 2px; +} +</style> +</head> +<body onload="initElement();"> +<span id="foo">Mon Span à cliquer</span> +<p>Cliquez sur l'élément ci-dessus.</p> +</body> +</html></pre> + +<p>Vous pouvez aussi utiliser la syntaxe des fonctions déclarées en ligne, anonymes ou non.</p> + +<pre class="brush: js">// affectation de fonction anonyme declarée en ligne +p.onclick = function() { alert("moot!"); }; +</pre> + +<h3 id="Notes">Notes</h3> + +<p>L'évènement <code>click</code> est déclenché lorsque l'utilisateur clique sur un élément.</p> + +<p>Avec cette syntaxe un seul gestionnaire d'évènement click peut être assigné à un élement . Pour gérer plusieurs fonctions gestionnaires d'évènements click sur un même élément, utilisez {{ domxref("EventTarget.addEventListener()") }} qui fait partie de la spécification DOM Events.</p> + +<h3 id="Sp.C3.A9cification">Spécification</h3> + +<p>Defini en <a href="http://w3c.github.io/html/webappapis.html#dom-globaleventhandlers-onclick">HTML</a>.</p> |