Perché l'oggetto evento è diverso da jquery bind vs. addEventListener

Question

Perché quando lego jQuery bind l'oggetto evento che ottengo è diverso dall'oggetto evento che torno usando addEventListener?

L'oggetto evento risultante da questo bind jQuery non ha la matrice targetTouches (tra le altre cose) ma l'evento da addEventListener lo fa. Sono io o qualcosa che non è proprio qui?

$(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

Questo perché jQuery utilizza il proprio Event model.

jQuery semplicemente copia e normalizza alcune proprietà dall'evento originale, all'oggetto evento che si ottiene come primo argomento del gestore.

Le proprietà copiate si basano su DOM Level 3 Events Spec.

per ottenere l'oggetto evento originale, è possibile:

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

La proprietà originalEvent è accessibile e che funziona, ma non è documentato, si può vedere come è impostato dietro le quinte nel costruttore jQuery.Event.