Comment vérifier si un gestionnaire d'événement existe avec jQuery ou JS?

Question

Je veux vérifier si un événement est disponible ou non avant de lier une fonction à celui-ci. Le problème est que Google Chrome prend en charge l'événement "loadedmetadata" dans l'élément vidéo, contrairement à FireFox.

j'ai fait ce qui suit

$('video').bind('loadedmetadata', videoloaded); 
videoloaded(); 

Il a bien fonctionné dans Firefox, mais quand j'ai essayé dans Chrome, la fonction a été exécutée deux fois (ce qui est logique). Je veux vérifier si le gestionnaire d'événements loadedmetadata existe ou non pour n'exécuter la fonction qu'une seule fois dans chaque navigateur.

Si une telle possibilité n'existe pas, tout travail intelligent pour cela?

Answer 1

Cochez $video.data("events") si cet objet contient votre événement, puisque vous utilisez .bind tous les événements de cet élément seront stockés dans cet objet.

var $video = $("#video"); 
var $ve = $video.data("events"); 

// checking if a `loadedmetadata` object exists in `data("events")` 
if ($ve != null && typeof($ve.loadedmetadata) !== undefined) 
{ 
    // has loadedmetadata event 
} 

travaillant à plein example on jsFiddle