Niestandardowy identyfikator niestandardowy JavaScript nie jest przekazywany

Question

Próbuję utworzyć niestandardowe zdarzenie JavaScript. Wydarzenie działa poprawnie i strzela, ale obiekt "szczegółowy", który go przekazuję, nie jest dostępny.

Oto kod, którego używam do tworzenia i wysyłania zdarzenia;

var double_tap = new CustomEvent("doubleTap", { 
    detail: { 
     hello: 'world' 
    }, 
    bubbles: true, 
    cancelable: true 
}); 

this.dispatchEvent(double_tap); 

Następnie używam jquery, aby dodać detektor zdarzeń do ciała;

$('body').on('doubleTap', function(e) { 
    console.log(e); 
}); 

Robi ogień, a dziennik konsola się dzieje, ale niestety dziennik wyświetla tylko szczegóły zdarzenia w tym pęcherzyków i właściwości nieodwołalnego, ale nigdy „” szczegół obiektu, tak aby informacje te nie są dostępne.

Oto przykład jsbina, na podstawie którego utworzę zdarzenie na zdarzeniu kliknięcia ciała, aby można było zobaczyć konsolę; http://jsbin.com/looseroots/6

Chciałbym móc uzyskać dane z obiektu "detail", gdy zdarzenie zostanie uruchomione. Co ja robię źle? Ja testowałem to w Chrome i Safari na iOS

Answer 1

Trzeba dostępu do właściwości originalEvent o szczegóły

console.log(e.originalEvent.detail); 

Answer 2

znalazłem następujące popełnić: https://github.com/jquery/jquery/commit/a90ff8c8c79bfcc32afd340a12f016f20a31d8b6

Ta poprawka jest w jQuery za compat branży i powinny zostać naprawione od wersji jQuery 3.0.

Answer 3

obj.addEventListener("eventName", function(e) { 
console.log(e.your_property) 
}) 

var event = new CustomEvent("eventName"); 
event.your_property = { key: "value" }; 

obj.dispatchEvent(event); 

Możesz tworzyć właściwości w swoim CustomEvent, podczas wysyłania go wysyłasz.