Share
I kapittel fem i denne serien hoppet vi inn i den lette verden av hendelseslyttere. I den episoden fikk vi bare føttene våre våt; Men i dag tar vi ting enda lenger ettersom vi implementerer en langt mer effektiv løsning. Underveis lærer vi en mengde nye teknikker.
Accentsconagua
var addEvent = (funksjon (vindu, dokument) if (document.addEventListener) returfunksjon (elem, type, cb) if ((elem &&! elem.length) || elem === vindu) elem.addEventListener (type, cb, false); ellers hvis (elem && elem.length) var len = elem.length; for (var i = 0; i < len; i++ ) addEvent( elem[i], type, cb ); ; else if ( document.attachEvent ) return function ( elem, type, cb ) if ( (elem && !elem.length) || elem === window ) elem.attachEvent( 'on' + type, function() return cb.call(elem, window.event) ); else if ( elem.length ) var len = elem.length; for ( var i = 0; i < len; i++ ) addEvent( elem[i], type, cb ); ; )( this, document ); // Example Usage var lis = document.getElementsByTagName('li'); addEvent( window, 'click', function() this.style.border = '1px solid red'; ); Vær oppmerksom på at denne koden er litt revidert, basert på noen gode tilbakemeldinger i kommentarfeltet.
