diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/htmlelement/click | |
parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip |
convert content to md
Diffstat (limited to 'files/fr/web/api/htmlelement/click')
-rw-r--r-- | files/fr/web/api/htmlelement/click/index.md | 115 |
1 files changed, 51 insertions, 64 deletions
diff --git a/files/fr/web/api/htmlelement/click/index.md b/files/fr/web/api/htmlelement/click/index.md index 4fcce54685..9bd9f6704c 100644 --- a/files/fr/web/api/htmlelement/click/index.md +++ b/files/fr/web/api/htmlelement/click/index.md @@ -6,67 +6,54 @@ tags: - Référence_du_DOM_Gecko translation_of: Web/API/HTMLElement/click --- -<p>{{ ApiRef() }}</p> -<h2 id="R.C3.A9sum.C3.A9">Résumé</h2> -<p>La méthode <b>click</b> simule un clic sur un élément.</p> -<h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox">element.click()</pre> -<h2 id="Notes">Notes</h2> -<p>Lorsque la méthode <code>click</code> est utilisée sur des éléments où elle est gérée (par exemple un {{HTMLElement("input")}}), elle déclenche également l'évènement <code>click</code> de l'élément qui se propagera aux éléments situés plus haut dans l'arbre du document (ou la chaîne évènementielle) et déclenchera aussi leurs évènements <code>click</code>. Cependant, la propagation d'un évènement <code>click</code> ne déclenchera pas la navigation à partir d'un élément {{HTMLElement("a")}} comme si un vrai clic de souris avait été reçu.</p> -<p>Au moment où sont écrites ces lignes (Opera Next est à la version 12.11), la méthode <code>click</code> d'Opera <strong>sera ignorée silencieusement</strong>, si executée sur un élément {{HTMLElement("input")}} avec un type "file", et une propriété <a href="/fr/docs/CSS">CSS</a> {{cssxref('display')}} à "none".</p> -<div> - <p>{{gecko_callout_heading("5.0")}}</p> - <p>Avant Gecko 5.0 {{geckoRelease("5.0")}}, Gecko supportait la méthode <code>click</code> qu'avec des éléments {{HTMLElement("input")}} de type - <i> - button</i> - , - <i> - checkbox</i> - , - <i> - radio</i> - , - <i> - reset</i> - ou - <i> - submit</i> - . Gecko n'implémentait pas la méthode <code>click</code> sur d'autres éléments qui auraient pu répondre à des clics de souris comme les liens (éléments {{HTMLElement("a")}}), et ne déclenchait pas nécessairement l'évènement click d'autres éléments.</p> - <p>Cependant, maintenant Gecko supporte la méthode sur tous les éléments comme requis par <a href="/fr/docs/HTML/HTML5">HTML5</a>.</p> - <p>D'autres implémentations du DOM peuvent se comporter différemment.</p> -</div> - -<h2 id="Specifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('DOM2 HTML', 'html.html#ID-2651361')}} <small>— <a href="http://www.yoyodesign.org/doc/w3c/dom2/html/html.html#ID-2651361">traduction en français</a> (non normative)</small></td> - <td>{{Spec2('DOM2 HTML')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -p>{{Compat("api.HTMLElement.click")}}</p> - -<h2 id="See_also">Voir aussi</h2> - -<ul> - <li>Gestionnaires d'événements liés - <ul> - <li>{{domxref("GlobalEventHandlers.onclick")}}</li> - <li>{{domxref("GlobalEventHandlers.ondblclick")}}</li> - <li>{{domxref("GlobalEventHandlers.onauxclick")}}</li> - </ul> - </li> -</ul> +{{ ApiRef() }} + +## Résumé + +La méthode **click** simule un clic sur un élément. + +## Syntaxe + + element.click() + +## Notes + +Lorsque la méthode `click` est utilisée sur des éléments où elle est gérée (par exemple un {{HTMLElement("input")}}), elle déclenche également l'évènement `click` de l'élément qui se propagera aux éléments situés plus haut dans l'arbre du document (ou la chaîne évènementielle) et déclenchera aussi leurs évènements `click`. Cependant, la propagation d'un évènement `click` ne déclenchera pas la navigation à partir d'un élément {{HTMLElement("a")}} comme si un vrai clic de souris avait été reçu. + +Au moment où sont écrites ces lignes (Opera Next est à la version 12.11), la méthode `click` d'Opera **sera ignorée silencieusement**, si executée sur un élément {{HTMLElement("input")}} avec un type "file", et une propriété [CSS](/fr/docs/CSS) {{cssxref('display')}} à "none". + +{{gecko_callout_heading("5.0")}} + +Avant Gecko 5.0 {{geckoRelease("5.0")}}, Gecko supportait la méthode `click` qu'avec des éléments {{HTMLElement("input")}} de type +_button_ +, +_checkbox_ +, +_radio_ +, +_reset_ +ou +_submit_ +. Gecko n'implémentait pas la méthode `click` sur d'autres éléments qui auraient pu répondre à des clics de souris comme les liens (éléments {{HTMLElement("a")}}), et ne déclenchait pas nécessairement l'évènement click d'autres éléments. + +Cependant, maintenant Gecko supporte la méthode sur tous les éléments comme requis par [HTML5](/fr/docs/HTML/HTML5). + +D'autres implémentations du DOM peuvent se comporter différemment. + +## Spécifications + +| Spécification | Statut | Commentaires | +| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | ------------ | +| {{SpecName('DOM2 HTML', 'html.html#ID-2651361')}} — [traduction en français](http://www.yoyodesign.org/doc/w3c/dom2/html/html.html#ID-2651361) (non normative) | {{Spec2('DOM2 HTML')}} | | + +## Compatibilité des navigateurs + +p>{{Compat("api.HTMLElement.click")}} + +## Voir aussi + +- Gestionnaires d'événements liés + + - {{domxref("GlobalEventHandlers.onclick")}} + - {{domxref("GlobalEventHandlers.ondblclick")}} + - {{domxref("GlobalEventHandlers.onauxclick")}} |