Discussion :

[Maitre2B]

Bonjour � tous,

J'aimerais pouvoir compter le nombre de fois qu'un mouseover est fait sur un object.
Comment faire sachant qu'il y a plusieurs fois cette object pr�sent et qu'il y a un addEventListener sur chacun d'entre eux ?

Cr�er une variable qui s�incr�mente lorsqu'il y a un mouseover me semble donc impossible, car il faudrait cette variable pour chacun des objects.

Comment faire ?
Merci.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
function game() {
        createItem();   
        window.setTimeout(game, 1000);
    }
}
 
function createItem() {
    const newSpan = document.createElement('span');
    newSpan.setAttribute('class', 'Nail');
    newSpan.addEventListener("mouseover", countMouseOver);
    screen.appendChild(newSpan);
}
 
function countMouseOver(elem) {
     i++;
     if (i == 5)
        elem.target.style.display = 'none';
}

Ce que je veux :
Si il y a mouseOver sur un �l�ment, incr�mente i, et si i = 5, l'�l�ment disparait.
Et ceci, pour chaque �l�ment cr�� chaque seconde.

[danielhagnoul]

L'�v�nement "mouseover" est lanc� plusieurs fois tant que le pointeur bouge sur l'�l�ment du DOM. Cet �v�nement est depuis longtemps d�conseill� au profit de "mouseenter".

Idem pour "mouseout" au profit de "mouseleave".

Voir les documentations :

mouseover : https://developer.mozilla.org/fr/doc...ents/mouseover
mouseenter : https://developer.mozilla.org/fr/doc...nts/mouseenter
mouseleave : https://developer.mozilla.org/fr/doc...nts/mouseleave

[Beginner.]

Salut,

Bien vu Daniel !

Edit : Non finalement l��v�nement mouseover n'est pas d�clench� � chaque fois qu'on bouge le curseur souris � l'int�rieur de l'objet... Du moins dans mes tests cf. ci-dessous...

Cr�er une variable qui s�incr�mente lorsqu'il y a un mouseover me semble donc impossible, car il faudrait cette variable pour chacun des objects.

Oui une variable pour chaque objet, je ne vois pas comment faire autrement tout en �tant meilleur... Mais peut-�tre que quelqu'un d'autre saura faire mieux...

Sinon ce n'est pas si �norme : il suffit d'ajouter cette variable � chaque objet (et de l'initialiser � 0) dans la fonction createItem()...

EDIT : J'ai test� cela ici : http://jsbin.com/zajovutiri/edit?js,output

[Maitre2B]

Merci � vous deux !

Je ne savais pas que l'on pouvait initialiser des variables propre � un object cr�e de cette mani�re

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
newSpan.indice = 0;
 	newSpan.num = numObj++;

De plus, il est effectivement plus intelligent de faire un screen.removeChild(obj); plut�t que obj.style.display = 'none';

J'ai bien appris gr�ce � vous deux, encore merci !