JavaScript CustomEvent Detail nicht übergeben

Question

Ich versuche, ein benutzerdefiniertes JavaScript-Ereignis zu erstellen. Das Ereignis funktioniert und wird korrekt ausgelöst, aber das "Detail" -Objekt, das ich übergebe, ist nicht verfügbar.

Hier ist der Code, den ich verwende, um das Ereignis zu erstellen und zu versenden;

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

this.dispatchEvent(double_tap); 

Dann verwende ich jquery, um einen Ereignis-Listener zum Körper hinzuzufügen;

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

Es tut Feuer, und das Konsolenprotokoll geschieht, aber leider das Protokoll gibt nur die Ereignisdetails einschließlich Blasen und kündbare Eigenschaften, aber nie das ‚Details‘ Objekt, so dass Informationen nicht zugänglich ist.

Hier ist eine JSBIN als Beispiel, im Erstellen des Ereignisses auf das Click-Ereignis des Körpers, so dass Sie die Konsole sehen können; http://jsbin.com/looseroots/6

Ich möchte in der Lage sein, die Daten aus dem "Detail" -Objekt zu erhalten, wenn das Ereignis ausgelöst wird. Was mache ich falsch? Ich habe dies in Chrome getestet und Safari auf iOS

Answer 1

Sie benötigen die originalEvent Eigenschaft für die Details

console.log(e.originalEvent.detail); 

Answer 2

zuzugreifen fand ich folgendes begehen: https://github.com/jquery/jquery/commit/a90ff8c8c79bfcc32afd340a12f016f20a31d8b6

Dieses Update ist in der jQuery compat Zweig und sollte ab jQuery 3.0 behoben werden.

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); 

Sie können Eigenschaften in Ihrem CustomEvent erstellen, wenn Sie versenden Sie senden es.