From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/element/setcapture/index.html | 87 -------------------------- 1 file changed, 87 deletions(-) delete mode 100644 files/fr/web/api/element/setcapture/index.html (limited to 'files/fr/web/api/element/setcapture/index.html') diff --git a/files/fr/web/api/element/setcapture/index.html b/files/fr/web/api/element/setcapture/index.html deleted file mode 100644 index 28c60fdf20..0000000000 --- a/files/fr/web/api/element/setcapture/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: Element.setCapture() -slug: Web/API/Element/setCapture -tags: - - API - - Capture - - DOM - - Elements - - Méthodes - - Souris -translation_of: Web/API/Element/setCapture ---- -

{{ APIRef("DOM") }}{{ gecko_minversion_header("2.0") }}

- -

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()") }}.

- -

Syntaxe

- -
element.setCapture(retargetToElement);
-
- -
-
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.
-
- -

Exemple

- -

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.

- -
<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>
-
-  <script type="text/javascript">
-    function init() {
-      var btn = document.getElementById("myButton");
-      btn.addEventListener("mousedown", mouseDown, false);
-      btn.addEventListener("mouseup", mouseUp, false);
-    }
-
-    function mouseDown(e) {
-      //e.target.setCapture(); // cette méthode doit être définie
-      e.target.addEventListener("mousemove", mouseMoved, false);
-    }
-
-    function mouseUp(e) {
-      e.target.removeEventListener("mousemove", mouseMoved, false);
-    }
-
-    function mouseMoved(e) {
-      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>
-
- -

Voir l'exemple sur une page

- -

Notes

- -

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.

- -

Spécification

- -

Basé sur l'implémentation Internet Explorer.

- -

Voir aussi

- - -- cgit v1.2.3-54-g00ecf