éco-conception web : Utiliser la délégation d’événements

Livre - éco-conception web : les 100 bonnes pratiques - Eyrolles - couverture - small

Dans le cadre du lancement du livre Eco-conception web - Les 100 bonnes pratiques auquel plusieurs contributeurs de GreenIT.fr ont participé, nous vous proposons chaque semaine un focus sur une bonne pratique.

Aujourd’hui : Utiliser la délégation d’événements

La délégation d’événements permet de ne pas surcharger la mémoire du navigateur en instanciant un seul écouteur pour plusieurs éléments du DOM.

Par exemple, l’élément du DOM dont l’ID est t est déclaré comme le délégué. Il intercepte les événements de tous ses fils.


(…)
<style type="text/css">
#t { border: 1px solid red }
#t1 { background-color: pink; }
</style>
<script type="text/javascript">
function modifyText(new_text) {
var t2 = document.getElementById("t2");
t2.firstChild.nodeValue = new_text;
}
function load() {
var el = document.getElementById("t");
el.addEventListener("click", function() {
modifyText("four")}, false); }
</script>
</head>
<body onload="load();">
<table id="t">
<tr><td id="t1">one</td></tr>
<tr><td id="t2">two</td></tr>
</table>
(…)

Cette bonne pratique a un impact sur la performance de l’application et donc sur :
- la quantité d’énergie nécessaire à son fonctionnement (émissions de gaz à effet de serre),
- la configuration minimale requise pour y accéder (fracture numérique, obsolescence programmée).

Découvrir le livre Eco-conception web - Les 100 bonnes pratiques

L’acheter chez amazon.fr, eyrolles.com, à la Fnac.com.


Commentaires

Poster un nouveau commentaire

Le contenu de ce champ ne sera pas montré publiquement.