Inline javascript performances

Question

Je sais qu'il est préférable pratiques de codage pour éviter inline javascript comme:

<img id="the_image" onclick="do_this(true);return false;"/> 

Je pense à passer ce genre de choses pour les événements de clic jquery liés comme:

$("#the_image").bind("click",function(){ 
    do_this(true); 
    return false; 
}); 

Will Je perds toute performance si je lie une tonne d'événements de clic? Je ne m'inquiète pas du temps qu'il faut pour lier initialement les événements, mais des temps de réponse entre le clic et le moment. Je parie que s'il y a une différence, c'est négligeable, mais j'aurai une tonne de fonctions liées. Je me demande si les navigateurs traitent l'attribut onclick de la même manière qu'un événement lié.

Merci

Answer 1

Epargnez-vous les soucis, utilisez l'événement sur

$("#the_image").on("click",function(){ 
    do_this(true); 
    return false; 
}); 

Un événement, sans perte de performance avec plusieurs éléments.

Answer 2

Dans mon travail, cela dépendait. J'ai déplacé tous mes événements à jquery. Ensuite, j'ai profilé le javascript en utilisant FireBug pour voir ce qui prenait le plus de temps. Ensuite, j'ai optimisé ceux qui prenaient le plus de temps.

Si ce n'est que quelques-uns, vous ne remarquerez aucune dégradation. Si c'est des centaines ou des milliers, alors vous pourriez.

Answer 3

La différence est négligeable. Si vous devez lier plusieurs éléments de la page, il peut y avoir un impact sur les performances, et vous pouvez vouloir lier un objet de niveau supérieur et intercepter simplement l'élément cible (image) où vous liez le clic à un DIV contenant marque. A part ça, ça devrait aller et cela dépendra de votre cas d'utilisation.

Regardez dans l'événement bouillonnant dans javascript pour plus de détails.