object.addEventListener("mouseover", myScript); sur différents object
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:
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.