cachaito
1/22/2014 - 10:26 PM

Tworzenie własnych f-cji wrappujących natywne

Genialne zastosowanie $ i 'on' przy podłączaniu metody addEventListener do elementu przy zachowaniu kontekstu! .bind() returns a reference to the querySelectorAll function, changing the context of 'this' inside the querySelectorAll method to be the document object.

//Ugly
function getElem(elem) {
  return document.querySelectorAll(elem);
}

getElem('div')[0].addEventListener('click', fnc, false);

//Nice
var $ = document.querySelectorAll.bind(document);
Element.prototype.on = Element.prototype.addEventListener; //addEventListener <-- od IE9

$('div')[2].on('click', fnc, false);