Różnica między zdarzeniem zdarzeń wskaźnika w jQuery a zwykłym JavaScriptem

Question

Próbuję zrozumieć, jak różne zdarzenia wskaźnika (dotyk, mysz) są uruchamiane w różnych przeglądarkach/na różnych urządzeniach. W tym celu napisałem niewielką stronę internetową do testowania wydarzeń http://tstr.29pixels.net.

Kilka tygodni później natknąłem się na stronę testową zdarzeń słuchacza Mozilli pod numerem http://mozilla.github.io/mozhacks/touch-events/event-listener.html, która dała bardzo różne wyniki (widziałem zdarzenia, które nie były wyświetlane w moim oryginalnym narzędziu testowym).

Obie strony używają różnych stylów wiążących wydarzeń, więc chciałbym wiedzieć, gdzie jest różnica w wiązaniu tych wydarzeń?

Na przykład podnieś swój tablet/smartfon za pomocą Chrome i spróbuj kliknąć przycisk w mojej sieci. W większości przypadków wystrzeliwane są dwa zdarzenia - dotykowy i dotykowy (z okazjonalnym dotknięciem dotykowym). Następnie wypróbuj narzędzie Mozilli. Jest o wiele więcej (nawet włączając kliknięcie).

My wiązania: wiązanie

$("#button").on('mouseenter mouseleave ... mousemove click', function(e){ 
    ... 
} 

Mozilla:

var events = ['MSPointerDown', 'MSPointerUp', ... , 'MSPointerCancel']; 
var b = document.getElementById('button'); 
for (var i=0; i<events.length; i++) { 
    b.addEventListener(events[i], report, false); 
} 

Są to tylko najważniejsze części, pełny kod javascript jest napisane w prawo na stronie indeksu obu stronach (to nie długo).

Jeśli ktoś mógłby mi w tym pomóc, byłbym bardzo wdzięczny.

Answer 1

jQuery również wewnętrznie używa addEventListener. W zależności od zdarzenia może być pewne odwzorowanie lub wewnętrzne poprawki wykonane przez jQuery.

Główna różnica między kodem a Mozillą polega na tym, że w metodzie wywołania zwrotnego wywołuje się e.preventDefault();, ale Mozilla nie zapobiega domyślnemu zachowaniu się zdarzenia.

Zadzwonienie pod numer e.preventDefault(); nie tylko zapobiegnie domyślnemu zachowaniu, ale także zapobiegnie wystąpieniu pewnych innych zdarzeń. na przykład jeśli uniemożliwisz wystąpienie zdarzenia mousedown lub mousemove nr drag.

Answer 2

Nie ma dużej różnicy w sposobie rejestrowania zdarzeń w przeglądarce.

Jednak Mozilla po prostu łączy swój program obsługi z wydarzeniami, których nie słuchasz. W szczególności są to:

MSGotPointerCapture MSLostPointerCapture MSPointerCancel 
blur focus 
gotpointercapture lostpointercapture pointercancel 
mousedown mouseup 
mouseout 
mouseover 
touchenter touchleave