Tại sao đối tượng sự kiện khác với jquery bind so với addEventListener

Question

Tại sao khi tôi sử dụng jQuery ràng buộc đối tượng sự kiện mà tôi nhận được thì khác với đối tượng sự kiện mà tôi lấy lại bằng cách sử dụng addEventListener?

Đối tượng sự kiện xuất phát từ liên kết jQuery này không có mảng targetTouches (trong số những thứ khác) nhưng sự kiện từ addEventListener thực hiện. Có phải tôi hay là cái gì đó không đúng ở đây?

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

Đó là bởi vì jQuery sử dụng riêng Event model của nó.

jQuery chỉ cần sao chép và bình thường hóa một số thuộc tính từ sự kiện ban đầu, đến đối tượng sự kiện mà bạn nhận được làm đối số đầu tiên của trình xử lý.

Thuộc tính được sao chép dựa trên DOM Level 3 Events Spec.

Để có được đối tượng sự kiện ban đầu, bạn có thể:

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

Thuộc tính originalEvent có thể truy cập và nó sẽ làm việc, nhưng không được ghi nhận, bạn có thể thấy nó được đặt đằng sau hậu trường tại các nhà xây dựng jQuery.Event.