jQuery ne prend pas en charge l'événement postmessage?

Question

Lorsque j'utilise l'écouteur d'événements jQuery pour gérer les événements de message, comme ci-dessous:

 $(window).on('message', function(e) {
    var data = e.data; // data = undefined
});
 

les données ne sont pas définies! Je suis sûr d'avoir transmis des données à la fenêtre en cours. Parce que si j'utilise "addEventListener", tout se passe bien!

Donc quel est le problème?

Answer 1

jQuery est peut-être en train de prétraiter la propriété data événement et cette opération peut ne pas prendre en charge correctement l'événement message .

Essayez d’utiliser la propriété originalEvent pour récupérer vos données:

 $(window).on("message", function(e) {
    var data = e.originalEvent.data;  // Should work.
});
 

Answer 2

Certains navigateurs utilisent l'événement "onmessage". Je suggère une petite amélioration à la réponse précédente pour une compatibilité accrue:

 $(window).on("message onmessage", function(e) {
    var data = e.originalEvent.data;
});