Ajouter un listener sur une liste de node
jeudi 13 novembre 2014 à 14:45stuper 13/11/2014
Ce code :
var touteslescellulesmodifiables = document.getElementsByClassName('modifiable');
for(var i = 0; i < touteslescellulesmodifiables.length; i++){
touteslescellulesmodifiables.item(i).onmouseover = function () { mon_action(this); };
}
est équivalent à ce code :
var touteslescellulesmodifiables = document.getElementsByClassName('modifiable');
[].forEach.call(touteslescellulesmodifiables,function(e){e.addEventListener('mouseover',function () { mon_action(this);})});
ce dernier est beaucoup plus rapide sur un grand nombre d'éléments.
Attention au nom de l'evenement, en js "click", "mouseover" et en html : "onclick", "onmouseover"
(Permalink)
Ce code :
var touteslescellulesmodifiables = document.getElementsByClassName('modifiable');
for(var i = 0; i < touteslescellulesmodifiables.length; i++){
touteslescellulesmodifiables.item(i).onmouseover = function () { mon_action(this); };
}
est équivalent à ce code :
var touteslescellulesmodifiables = document.getElementsByClassName('modifiable');
[].forEach.call(touteslescellulesmodifiables,function(e){e.addEventListener('mouseover',function () { mon_action(this);})});
ce dernier est beaucoup plus rapide sur un grand nombre d'éléments.
Attention au nom de l'evenement, en js "click", "mouseover" et en html : "onclick", "onmouseover"
(Permalink)