爲什麼事件對象不同來自jquery綁定與addEventListener

Question

爲什麼當我使用jQuery綁定事件對象我回來的事件對象與使用addEventListener返回的對象不同？

由此jQuery綁定產生的事件對象沒有targetTouches數組（除其他外），但來自addEventListener的事件沒有。是我還是不是在這裏？

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

與

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

這是因爲jQuery使用它自己的Event model。

jQuery只是將的一些屬性從原始事件複製並標準化爲您作爲處理程序的第一個參數獲取的事件對象。

複製的屬性基於DOM Level 3 Events Spec。

要獲得原始的事件對象，你可以：

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

的originalEvent屬性是可訪問的，它會工作，但沒有記錄，你可以看到它是如何設置的jQuery.Event構造幕後。