Dlaczego obiekt zdarzenia jest inny niż powiązanie jquery vs. addEventListener

Question

Dlaczego to jest, gdy używam powiązania jQuery, obiekt zdarzenia, który otrzymuję, różni się od obiektu zdarzenia, który otrzymuję za pomocą metody addEventListener?

Obiekt zdarzenia wynikający z tego powiązania jQuery nie ma tablicy targetTouches (między innymi), ale zdarzenie z addEventListener ma. Czy to ja, czy coś tu jest nie tak?

$(document).ready (function() { 
    $("#test").bind("touchmove", function (event) { 
     console.log(event.targetTouches[0].pageX); 
     // targetTouches is undefined 
    }); 
}); 

vs.

$(document).ready (function() { 
    var foo = document.querySelectorAll('#test') 
    foo[0].addEventListener('touchmove', function (event) { 
     console.log(event.targetTouches[0].pageX); 
     // returns the correct values 
    }, false); 
}); 

Answer 1

To dlatego jQuery używa własnego Event model.

jQuery po prostu kopiuje i normalizuje niektóre właściwości z oryginalnego zdarzenia, do obiektu zdarzenia, który otrzymasz jako pierwszy argument procedury obsługi.

Skopiowane właściwości są oparte na DOM Level 3 Events Spec.

Aby uzyskać oryginalny obiekt zdarzenia można:

$(document).ready (function() { 
    $("#test").bind("touchmove", function (event) { 
     var e = event.originalEvent; 
     console.log(e.targetTouches[0].pageX); 
    }); 
}); 

Obiekt originalEvent jest dostępny i to będzie działać, ale nie jest udokumentowane, można zobaczyć, jak to ustawić za kulisami w konstruktorze jQuery.Event.