éco-conception web : Utiliser la délégation d’événements
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.
Frédéric Bordage
Expert en green IT, sobriété numérique, numérique responsable, écoconception et slow.tech, j'ai créé le collectif Green IT en 2004. Je conseille des organisations privées et publiques, et anime GreenIT.fr, le Collectif Conception Numérique Responsable (@CNumR) et le Club Green IT.