Javascript CustomEvent dettaglio non viene passato

Question

Sto tentando di creare un evento javascript personalizzato. L'evento funziona e si attiva correttamente, ma l'oggetto "dettagli" che sto passando non è disponibile.

Ecco il codice che sto utilizzando per creare e inviare l'evento;

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

this.dispatchEvent(double_tap); 

Quindi sto utilizzando jquery per aggiungere un listener di eventi al corpo;

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

Lo fa fuoco e il log della console accade, ma purtroppo il registro emette solo i dettagli dell'evento, tra cui le bolle e le proprietà annullabili, ma mai l'oggetto 'dettaglio', in modo che l'informazione non è accessibile.

Ecco un esempio di jsbin, sto creando l'evento nell'evento click del corpo in modo da poter vedere la console; http://jsbin.com/looseroots/6

Mi piacerebbe essere in grado di ottenere i dati dall'oggetto 'dettagli' quando l'evento è attivato. Che cosa sto facendo di sbagliato? Ho testato questo in Chrome e Safari su iOS

Answer 1

, è necessario accedere alla proprietà originalEvent per i dettagli

console.log(e.originalEvent.detail); 

Answer 2

ho trovato il seguente commit: https://github.com/jquery/jquery/commit/a90ff8c8c79bfcc32afd340a12f016f20a31d8b6

Questa correzione è in compat ramo di jQuery e dovrebbe essere risolto da 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); 

È possibile creare proprietà in CustomEvent, quando si invia l'invio.