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/element/setcapture | |
| 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/element/setcapture')
| -rw-r--r-- | files/fr/web/api/element/setcapture/index.md | 66 |
1 files changed, 31 insertions, 35 deletions
diff --git a/files/fr/web/api/element/setcapture/index.md b/files/fr/web/api/element/setcapture/index.md index 28c60fdf20..95c7e135ea 100644 --- a/files/fr/web/api/element/setcapture/index.md +++ b/files/fr/web/api/element/setcapture/index.md @@ -10,37 +10,35 @@ tags: - Souris translation_of: Web/API/Element/setCapture --- -<p>{{ APIRef("DOM") }}{{ gecko_minversion_header("2.0") }}</p> +{{ APIRef("DOM") }}{{ gecko_minversion_header("2.0") }} -<p>Appelez cette méthode pendant la gestion d'un évènement de la souris pour recibler tous les évènements de la souris sur cet élément jusqu'à ce que le bouton de la souris soit relâché ou que soit appelée {{ domxref("document.releaseCapture()") }}.</p> +Appelez cette méthode pendant la gestion d'un évènement de la souris pour recibler tous les évènements de la souris sur cet élément jusqu'à ce que le bouton de la souris soit relâché ou que soit appelée {{ domxref("document.releaseCapture()") }}. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">element.setCapture(<em>retargetToElement</em>); -</pre> + element.setCapture(retargetToElement); -<dl> - <dt><code>retargetToElement</code></dt> - <dd>Si la valeur est <code>true</code> (<em>vrai</em>), tous les évènements sont ciblés directement vers cet élément ; si elle est <code>false</code> (<em>faux</em>), les évènements peuvent aussi être déclenchés sur les descendants de cet élément.</dd> -</dl> +- `retargetToElement` + - : Si la valeur est `true` (_vrai_), tous les évènements sont ciblés directement vers cet élément ; si elle est `false` (_faux_), les évènements peuvent aussi être déclenchés sur les descendants de cet élément. -<h2 id="Exemple">Exemple</h2> +## Exemple -<p>Dans cet exemple, les coordonnées en cours de la souris sont dessinées pendant que vous passez la souris après un clic et un appui sur un élément.</p> +Dans cet exemple, les coordonnées en cours de la souris sont dessinées pendant que vous passez la souris après un clic et un appui sur un élément. -<pre class="brush: html"><html> -<head> - <title>Mouse Capture Example</title> - <style type="text/css"> +```html +<html> +<head> + <title>Mouse Capture Example</title> + <style type="text/css"> #myButton { border: solid black 1px; color: black; padding: 2px; box-shadow: black 2px 2px; } - </style> + </style> - <script type="text/javascript"> + <script type="text/javascript"> function init() { var btn = document.getElementById("myButton"); btn.addEventListener("mousedown", mouseDown, false); @@ -60,28 +58,26 @@ translation_of: Web/API/Element/setCapture var output = document.getElementById("output"); output.innerHTML = "Position: " + e.clientX + ", " + e.clientY; } - </script> -</head> -<body onload="init()"> - <p>This is an example of how to use mouse capture on elements in Gecko 2.0.</p> - <p><a id="myButton" href="#">Test Me</a></p> - <div id="output">No events yet</div> -</body> -</html> -</pre> + </script> +</head> +<body onload="init()"> + <p>This is an example of how to use mouse capture on elements in Gecko 2.0.</p> + <p><a id="myButton" href="#">Test Me</a></p> + <div id="output">No events yet</div> +</body> +</html> +``` -<p><a href="/samples/domref/mousecapture.html">Voir l'exemple sur une page</a></p> +[Voir l'exemple sur une page](/samples/domref/mousecapture.html) -<h2 id="Notes">Notes</h2> +## Notes -<p>L'élément ne peut pas être entièrement déplacé vers le haut ou vers le bas, selon la disposition des autres éléments.</p> +L'élément ne peut pas être entièrement déplacé vers le haut ou vers le bas, selon la disposition des autres éléments. -<h2 id="Spécification">Spécification</h2> +## Spécification -<p>Basé sur l'implémentation Internet Explorer.</p> +Basé sur l'implémentation Internet Explorer. -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{ domxref("document.releaseCapture()") }}</li> -</ul> +- {{ domxref("document.releaseCapture()") }} |