Discussion :

[Beginner.]

Salut,

Que pensez-vous de cette pratique qui consiste à mettre l'objet "event" en argument ?

Exemple quand on écrit : elem.onclick = function (event) {...}...

Après je remarque qu'on a accès à l'objet event à l'intérieur de la fonction mais en fait on aurait pu mettre n'importe qu'elle autre nom en argument comme "evt" et alors on a aussi accès à l'objet event à l'intérieur de la fonction...

Mais apparemment (corrigez-moi si je me trompe) "event" ça correspond à "window.event" alors on a toujours accès à l'objet event même si on ne met rien en argument...

---> Alors pourquoi mettre un argument ?

Sachant que j'y vois un inconvénient (tester sur VS Code ) : On a pas d'assistance (auto-complétion) sur le nom de l'argument même si c'est "event" par contre si on ne met pas d'argument ou bien si le nom de l'argument n'est pas "event" alors on a l'assistance (auto-complétion) sur l'objet "event" car là il le voit comme étant "window.event"...

Merci.

[melka one]

jour

de mémoire c'est pour la compatibilité avec les anciennes versions de ie (8 7 6) afin de creer un lien avec l'objet event. De nos jours c'est totalement inutile

[Beginner.]

Ok merci pour la confirmation.

[NoSmoking]

Bonjour,

---> Alors pourquoi mettre un argument ?

simplement pour l'utiliser.

De nos jours c'est totalement inutile

cela va dépendre de ton contexte !

Imaginons que l'on travaille par délégation, par exemple click sur une <table> pour changer la couleur d'une <td>. La récupération de l'élément cliqué ne sera possible qu'au travers de l'objet passé en paramètre à la fonction.

[Beginner.]

Salut,

simplement pour l'utiliser..

Oui je sais bien mais comme je disais : "...ça correspond à "window.event" alors on a toujours accès à l'objet event même si on ne met rien en argument..."...

Alors pourquoi ne pas juste utiliser "window.event" ou juste "event" ?

Imaginons que l'on travaille par délégation, par exemple click sur une <table> pour changer la couleur d'une <td>. La récupération de l'élément cliqué ne sera possible qu'au travers de l'objet passé en paramètre à la fonction.

N'est-elle pas possible avec "window.event" ou juste "event" ? On utiliserait par exemple la propriété "target"...

EDIT : Ah oui ça marche sur Chrome mais pas sur FF * !!! J'ai testé en reprenant ce code : http://jsbin.com/vuguwapeqe/edit?html,js,output...

* Quand je remplace :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
selectLangue.onclick = function (event) {
 
    var target = event.target;
   ....

.

par ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
selectLangue.onclick = function () {
 
    var target = window.event.target;
   ....

[Beginner.]

Bon je comprends pourquoi j'ai l'auto-complétion sur VSCode mais pas avec tern apparemment :

https://developer.mozilla.org/en-US/...I/Window/event

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

window.event is a proprietary Microsoft Internet Explorer property which is only available while a DOM event handler is being called. Its value is the Event object currently being handled.

[NoSmoking]

Alors pourquoi ne pas juste utiliser "window.event" ou juste "event" ?

Comme tu l'as découvert par toi même cette objet n'appartient pas à window dans FireFox par exemple, c'est un produit MicroSoft au départ qui a obligé d'écrire ce genre de code que tu as surement rencontré et que l'on rencontre encore d'ailleurs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function action (event){
  event = event || window.event;
  var oElem = event.target || event.srcElement;
  // la suite du code
}

[Beginner.]

Oui effectivement j'ai vu plusieurs fois ces "ou logique"...