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 --- .../api/globaleventhandlers/onauxclick/index.html | 88 ---------------------- .../api/globaleventhandlers/onauxclick/index.md | 88 ++++++++++++++++++++++ 2 files changed, 88 insertions(+), 88 deletions(-) delete mode 100644 files/fr/web/api/globaleventhandlers/onauxclick/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onauxclick/index.md (limited to 'files/fr/web/api/globaleventhandlers/onauxclick') diff --git a/files/fr/web/api/globaleventhandlers/onauxclick/index.html b/files/fr/web/api/globaleventhandlers/onauxclick/index.html deleted file mode 100644 index edf6be44f6..0000000000 --- a/files/fr/web/api/globaleventhandlers/onauxclick/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: GlobalEventHandlers.onauxclick -slug: Web/API/GlobalEventHandlers/onauxclick -tags: - - API - - Expérimentale - - Propriété - - Reference -translation_of: Web/API/GlobalEventHandlers/onauxclick ---- -
{{ApiRef("HTML DOM")}} {{SeeCompatTable}}
- -

La propriété onauxclick du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} pour le traitement des événements {{event("auxclick")}}.

- -

L'événement auxclick est déclenché lorsqu'un bouton non principal a été enfoncé sur un périphérique d'entrée (par exemple, la molette de la souris). Il se déclenche après les événements {{event("mousedown")}} et {{event("mouseup")}}, dans cet ordre.

- -
-

Note : Les fournisseurs de navigateurs implémentent cette propriété dans le cadre d'un plan visant à améliorer la compatibilité en ce qui concerne le comportement des boutons. Plus précisément, le comportement des événements est mis à jour afin que {{Event ("click")}} ne se déclenche que pour les clics sur le bouton principal (par exemple, le bouton gauche de la souris), tandis que {{Event ("auxclick")}} se déclenche pour le bouton non principal. Historiquement, {{Event("click")}} s'est généralement déclenché pour le clic de n'importe quel bouton d'entrée de périphérique, bien que le comportement du navigateur soit quelque peu incohérent.

-
- -

Syntaxe

- -
target.onauxclick = functionRef;
-
- -

Valeur

- -

functionRef est un nom de fonction ou une function expression. La fonction reçoit un objet {{domxref("MouseEvent")}} comme seul argument. Dans la fonction, this sera l'élément sur lequel l'événement a été déclenché.

- -

Un seul gestionnaire onauxclick peut être affecté à un objet à la fois. Vous pouvez préférer utiliser la méthode {{domxref("EventTarget.addEventListener()")}} à la place, car elle est plus flexible.

- -

Exemple

- -

Dans cet exemple, nous définissons des fonctions pour deux gestionnaires d'événements — {{domxref("GlobalEventHandlers.onclick", "onclick")}} et onauxclick. Le premier modifie la couleur de l'arrière-plan du bouton, tandis que le second modifie la couleur de premier plan (texte) du bouton. Vous pouvez voir les deux fonctions en action en essayant la démo avec une souris à plusieurs boutons (voir en direct sur GitHub; également voir le code source).

- -
var button = document.querySelector('button');
-var html = document.querySelector('html');
-
-function random(number) {
-  return Math.floor(Math.random() * number);
-}
-
-button.onclick = function() {
-  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
-  button.style.backgroundColor = rndCol;
-};
-
-button.onauxclick = function() {
-  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
-  button.style.color = rndCol;
-}
- -
-

Note : Si vous utilisez une souris à trois boutons, vous remarquerez que le gestionnaire onauxclick est exécuté lorsque l'un des boutons non gauche de la souris est cliqué.

-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('UI Events','#event-type-auxclick','onauxclick')}}{{Spec2('UI Events')}}
- -

Compatibilité des navigateurs

- -

{{Compat("api.GlobalEventHandlers.onauxclick")}}

- -

Voir également

- - diff --git a/files/fr/web/api/globaleventhandlers/onauxclick/index.md b/files/fr/web/api/globaleventhandlers/onauxclick/index.md new file mode 100644 index 0000000000..edf6be44f6 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onauxclick/index.md @@ -0,0 +1,88 @@ +--- +title: GlobalEventHandlers.onauxclick +slug: Web/API/GlobalEventHandlers/onauxclick +tags: + - API + - Expérimentale + - Propriété + - Reference +translation_of: Web/API/GlobalEventHandlers/onauxclick +--- +
{{ApiRef("HTML DOM")}} {{SeeCompatTable}}
+ +

La propriété onauxclick du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} pour le traitement des événements {{event("auxclick")}}.

+ +

L'événement auxclick est déclenché lorsqu'un bouton non principal a été enfoncé sur un périphérique d'entrée (par exemple, la molette de la souris). Il se déclenche après les événements {{event("mousedown")}} et {{event("mouseup")}}, dans cet ordre.

+ +
+

Note : Les fournisseurs de navigateurs implémentent cette propriété dans le cadre d'un plan visant à améliorer la compatibilité en ce qui concerne le comportement des boutons. Plus précisément, le comportement des événements est mis à jour afin que {{Event ("click")}} ne se déclenche que pour les clics sur le bouton principal (par exemple, le bouton gauche de la souris), tandis que {{Event ("auxclick")}} se déclenche pour le bouton non principal. Historiquement, {{Event("click")}} s'est généralement déclenché pour le clic de n'importe quel bouton d'entrée de périphérique, bien que le comportement du navigateur soit quelque peu incohérent.

+
+ +

Syntaxe

+ +
target.onauxclick = functionRef;
+
+ +

Valeur

+ +

functionRef est un nom de fonction ou une function expression. La fonction reçoit un objet {{domxref("MouseEvent")}} comme seul argument. Dans la fonction, this sera l'élément sur lequel l'événement a été déclenché.

+ +

Un seul gestionnaire onauxclick peut être affecté à un objet à la fois. Vous pouvez préférer utiliser la méthode {{domxref("EventTarget.addEventListener()")}} à la place, car elle est plus flexible.

+ +

Exemple

+ +

Dans cet exemple, nous définissons des fonctions pour deux gestionnaires d'événements — {{domxref("GlobalEventHandlers.onclick", "onclick")}} et onauxclick. Le premier modifie la couleur de l'arrière-plan du bouton, tandis que le second modifie la couleur de premier plan (texte) du bouton. Vous pouvez voir les deux fonctions en action en essayant la démo avec une souris à plusieurs boutons (voir en direct sur GitHub; également voir le code source).

+ +
var button = document.querySelector('button');
+var html = document.querySelector('html');
+
+function random(number) {
+  return Math.floor(Math.random() * number);
+}
+
+button.onclick = function() {
+  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
+  button.style.backgroundColor = rndCol;
+};
+
+button.onauxclick = function() {
+  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
+  button.style.color = rndCol;
+}
+ +
+

Note : Si vous utilisez une souris à trois boutons, vous remarquerez que le gestionnaire onauxclick est exécuté lorsque l'un des boutons non gauche de la souris est cliqué.

+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('UI Events','#event-type-auxclick','onauxclick')}}{{Spec2('UI Events')}}
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.GlobalEventHandlers.onauxclick")}}

+ +

Voir également

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