Warum sind nicht meine erste Parameter übergeben, die durch ein Ereignis ausgelöst?

Ok, also ich habe eine Veranstaltung listenr so...

window.addEventListener('message', parseMessage, false);

var parseMessage = function(rawMessage) {
    console.log(rawMessage.cmd);
};

Ist und dann bin ich das Ereignis ausgelöst hat wie dieses:

var event = new Event('message', {'cmd':"blerg!"});

window.dispatchEvent(event);

Das problem ist die Konsole.log in parse Nachricht ist, Abmelden nicht definiert, wenn ich erwarte, um zu log out "blerg!"

Was ich mache ich hier falsch mit den Ereignissen, wie ich gehen die 'cmd' - Nachricht über die Veranstaltung?

InformationsquelleAutor der Frage Smickie | 2013-10-13

  1. 42

    1. Verwenden CustomEvent statt von Event für das erstellen von benutzerdefinierten Ereignissen.

    2. Geben Sie Ihre Daten in einem "details" - Objekt (siehe code).

    3. Änderte ich den Namen des Ereignisses ein, weil message ist auch für die postMessage-API. Es hat nicht zu Problemen führen, wenn die Ausführung in Chrome, aber ich würde es nicht verwenden.

     

    var parseMessage = function(rawMessage) {
  console.log(rawMessage);
  console.log(rawMessage.detail.cmd);
};

//changed event name
window.addEventListener('myMessage', parseMessage, false);

//data should be in a 'details' object
var evt = new CustomEvent('myMessage', {
    detail: {
      'cmd' : "blerg!"
    }
});

window.dispatchEvent(evt);

    Hier ist eine Anpassung für IE >= 9-Kompatibilität (mit Dokument.createEvent() und CustomEvent::initCustomEvent()):

    var evt = document.createEvent("CustomEvent");
evt.initCustomEvent('myMessage', false, false, {
    'cmd': "blerg!"
});

    InformationsquelleAutor der Antwort ComFreek

  2. 20

    Für IE9/10 polyfill Sie können diesen code von Mozilla:


    https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent

    (function () {
  function CustomEvent ( event, params ) {
    params = params || { bubbles: false, cancelable: false, detail: undefined };
    var evt = document.createEvent( 'CustomEvent' );
    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
    return evt;
   }

  CustomEvent.prototype = window.Event.prototype;

  window.CustomEvent = CustomEvent;
})();

    Auch hier beschrieben, aber mit falscher URL:
    https://stackoverflow.com/a/22946340/1736012

    InformationsquelleAutor der Antwort olefrank

Schreibe einen Kommentar