From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/uievent/detail/index.html | 47 +++++++++ files/fr/web/api/uievent/index.html | 109 ++++++++++++++++++++ files/fr/web/api/uievent/layerx/index.html | 154 +++++++++++++++++++++++++++++ 3 files changed, 310 insertions(+) create mode 100644 files/fr/web/api/uievent/detail/index.html create mode 100644 files/fr/web/api/uievent/index.html create mode 100644 files/fr/web/api/uievent/layerx/index.html (limited to 'files/fr/web/api/uievent') diff --git a/files/fr/web/api/uievent/detail/index.html b/files/fr/web/api/uievent/detail/index.html new file mode 100644 index 0000000000..633be9d943 --- /dev/null +++ b/files/fr/web/api/uievent/detail/index.html @@ -0,0 +1,47 @@ +--- +title: UIEvent.detail +slug: Web/API/UIEvent/detail +tags: + - API + - DOM + - Propriété + - Reference +translation_of: Web/API/UIEvent/detail +--- +

{{APIRef("DOM Events")}}

+ +

UIEvent.detail est une propriété en lecture seule, qui, lorsqu'elle ne vaut pas zéro, donne le nombre de clics courant (ou suivant en fonction de l'événement).

+ +

Pour les événements {{event("click")}} ou {{event("dblclick")}}, UIEvent.detail donne le nombre de clics courant.

+ +

Pour les événements {{event("mousedown")}} ou {{event("mouseup")}}, UIEvent.detail donne le nombre de clics courant plus un.

+ +

Pour tous les autres objets {{domxref("UIEvent")}}, UIEvent.detail vaut toujours zéro.

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{SpecName('DOM3 Events','#widl-UIEvent-detail','UIEvent.detail')}}{{Spec2('DOM3 Events')}} 
{{SpecName('DOM2 Events','#Events-UIEvent-detail','UIEvent.detail')}}{{Spec2('DOM2 Events')}}Première définition.
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("api.UIEvent.detail")}}

diff --git a/files/fr/web/api/uievent/index.html b/files/fr/web/api/uievent/index.html new file mode 100644 index 0000000000..342b6ae2e3 --- /dev/null +++ b/files/fr/web/api/uievent/index.html @@ -0,0 +1,109 @@ +--- +title: UIEvent +slug: Web/API/UIEvent +tags: + - API + - DOM + - Event + - Evènement + - Interface + - Reference + - UIEvent +translation_of: Web/API/UIEvent +--- +

{{APIRef("DOM Events")}}

+ +

L'interface UIEvent représente des évènements simples de l'interface utilisateur.

+ +

UIEvent dérive de {{domxref("Event")}}. Bien que la méthode {{domxref("UIEvent.initUIEvent()")}}  soit conservée pour la compatibilité ascendante, vous devez créer un objet UIEvent en utilisant le constructeur {{domxref("UIEvent.UIEvent", "UIEvent()")}}.

+ +

Plusieurs interfaces descendent directement ou indirectement de celle-ci : {{domxref("MouseEvent")}}, {{domxref("FocusEvent")}}, {{domxref("KeyboardEvent")}}, {{domxref("WheelEvent")}}, {{domxref("InputEvent")}} et {{domxref("CompositionEvent")}}.

+ +

Constructeurs

+ +
+
{{domxref("UIEvent.UIEvent()", "UIEvent()")}}
+
Crée un objet UIEvent.
+
+ +

Propriétés

+ +

Cette interface hérite également des propriétés de son parent {{domxref("Event")}}.

+ +
+
{{domxref("UIEvent.cancelBubble")}} {{Non-standard_inline}} {{Deprecated_inline}}
+
{{jsxref("Boolean")}} (booléen) indiquant si les conséquences de l'évènement ont été annulées ou non.
+
+ +
+
{{domxref("UIEvent.detail")}}{{readonlyinline}}
+
Retourne un long qui donne quelques détails sur l'évènement, dépendant du type d'évènement.
+
{{domxref("UIEvent.isChar")}} {{obsolete_inline}} {{readonlyinline}}
+
Retourne un {{jsxref("Boolean")}} indiquant si l'évènement a produit un caractère clé ou non.
+
{{domxref("UIEvent.layerX")}} {{Non-standard_inline}} {{readonlyinline}}
+
Retourne la coordonnée horizontale de l'évènement par rapport à la couche actuelle.
+
{{domxref("UIEvent.layerY")}} {{Non-standard_inline}} {{readonlyinline}}
+
Retourne la coordonnée verticale de l'évènement par rapport à la couche actuelle.
+
{{domxref("UIEvent.pageX")}} {{Non-standard_inline}} {{readonlyinline}}
+
Retourne la coordonnée horizontale de l'évènement par rapport à l'ensemble du document.
+
{{domxref("UIEvent.pageY")}} {{Non-standard_inline}} {{readonlyinline}}
+
Retourne la coordonnée verticale de l'évènement par rapport à l'ensemble du document.
+
{{domxref("UIEvent.sourceCapabilities")}} {{non-standard_inline}} {{readonlyinline}}
+
Retourne une instance de l'interface InputDeviceCapabilities qui fournit des informations sur le périphérique physique responsable de l'évènement.
+
{{domxref("UIEvent.view")}}{{readonlyinline}}
+
Retourne un {{domxref("WindowProxy")}} qui contient la vue de la génération de l'évènement.
+
{{domxref("UIEvent.which")}} {{Non-standard_inline}} {{readonlyinline}}
+
Retourne l'identifiant keyCode de la touche pressée, ou le code du caractère (charCode) pour une touche alphanumérique enfoncée.
+
+ +

Méthodes

+ +

Cette interface hérite également des méthodes de son parent, {{domxref("Event")}}.

+ +
+
{{domxref("UIEvent.initUIEvent()")}} {{deprecated_inline}}
+
Initialise un objet UIEvent. Si l'évènement a déjà été envoyé, cette méthode ne fait rien.
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('InputDeviceCapabilities')}}{{Spec2('InputDeviceCapabilities')}}Ajoute la propriété sourceCapabilities.
{{SpecName('UI Events')}}{{Spec2('UI Events')}}Extension de DOM3.
{{SpecName('DOM3 Events', '#interface-UIEvent', 'UIEvent')}}{{Spec2('DOM3 Events')}}Ajoute le constructeur UIEvent(), déprécie la méthode initUIEvent() et change le type de view de AbstractView vers WindowProxy.
{{SpecName('DOM2 Events', '#Events-UIEvent', 'UIEvent')}}{{Spec2('DOM2 Events')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.UIEvent")}}

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/uievent/layerx/index.html b/files/fr/web/api/uievent/layerx/index.html new file mode 100644 index 0000000000..85dffefb61 --- /dev/null +++ b/files/fr/web/api/uievent/layerx/index.html @@ -0,0 +1,154 @@ +--- +title: event.layerX +slug: Web/API/UIEvent/layerX +tags: + - API + - DOM + - Propriété + - Reference + - UIEvent + - lecture seule +translation_of: Web/API/UIEvent/layerX +--- +

{{APIRef("DOM Events")}} {{Non-standard_header}}

+ +

La propriété en lecture seule UIEvent.layerX retourne la coordonnée horizontale de l'évènement relativement à la couche en cours.

+ +

Cette propriété prend en compte le défilement de la page, et retourne une valeur relative à l'ensemble du document, à moins que l'évènement ne se soit produit à l'intérieur d'un élément positionné, auquel cas la valeur retournée est relative au coin supérieur gauche de l'élément positionné.

+ +

Syntaxe

+ +
var posx = event.layerX
+ + + +

Exemples

+ +
<html>
+<head>
+<title>Exemple pageX\pageY & layerX\layerY</title>
+
+<script type="text/javascript">
+
+function montrerCoords(evt){
+  var form = document.forms.form_coords;
+  var parent_id = evt.target.parentNode.id;
+  form.parentId.value = parent_id;
+  form.pageXCoords.value = evt.pageX;
+  form.pageYCoords.value = evt.pageY;
+  form.layerXCoords.value = evt.layerX;
+  form.layerYCoords.value = evt.layerY;
+}
+</script>
+
+<style type="text/css">
+
+ #d1 {
+  border: solid blue 1px;
+  padding: 20px;
+ }
+
+ #d2 {
+  position: absolute;
+  top: 180px;
+  left: 80%;
+  right:auto;
+  width: 40%;
+  border: solid blue 1px;
+  padding: 20px;
+ }
+
+ #d3 {
+  position: absolute;
+  top: 240px;
+  left: 20%;
+  width: 50%;
+  border: solid blue 1px;
+  padding: 10px;
+ }
+
+</style>
+</head>
+
+<body onmousedown="montrerCoords(event)">
+
+<p>Pour afficher les coordonnées de la souris, veuillez cliquer quelque part sur la page.</p>
+
+<div id="d1">
+<span>Cette div n'est pas positionnée : cliquer dedans renverra des valeurs layerX/layerY identiques à celles de pageX/PageY.</span>
+</div>
+
+<div id="d2">
+
+<span>Cette div est positionnée : cliquer dedans renverra des valeurs layerX/layerY
+relatives à son coin supérieur. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page.</span>
+
+<span>Un peu de défilement ! C'est un div positionné : le clic renverra des valeurs layerX/layerY relative à son coin supérieur gauche. Notez que les valeurs de pageX\pageY sont toujours relatives au document, ce qui inclue le défilement dans la page.</span>
+
+</div>
+
+<div id="d3">
+<form name="form_coords" id="form1">
+ Id de l'élément parent : <input type="text" name="parentId" size="7" /><br />
+ pageX:<input type="text" name="pageXCoords" size="7" />
+ pageY:<input type="text" name="pageYCoords" size="7" /><br />
+ layerX:<input type="text" name="layerXCoords" size="7" />
+ layerY:<input type="text" name="layerYCoords" size="7" />
+</form>
+</div>
+
+</body>
+</html>
+
+ +

Spécifications

+ +

Cette propriété ne fait partie d'aucune spécification.

+ +

Compatibilité des navigateurs

+ +

{{ CompatibilityTable() }}

+ + + + + + + + + + + + + + + + + + + + +
FonctionnalitéFirefox (Gecko)ChromeInternet ExplorerOperaSafari
Support de base{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}9{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}
+ + + + + + + + + + + + + + + + + + + + +
FonctionnalitéFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari Mobile
Support de base{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-- cgit v1.2.3-54-g00ecf