Mode correct d'utilisation element.addEventListener

J'ai quelques fonctions JavaScript qui se comportent comme des auditeurs d'événements pour un <object/> qui déclenche des événements personnalisés. L'objet en question est le lecteur YouTube activé par API JavaScript. La documentation fournit ce code d'exemple pour attacher l'auditeur d'événement:

 function onYouTubePlayerReady(playerId) { ytplayer = document.getElementById("myytplayer"); ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); // note: quotes used ----------------------^---------------------^ // note: callback function defined in an arbitrary location } function onytplayerStateChange(newState) { alert("Player's new state: " + newState); } 

Cependant, d'après les exemples d' addEventListener que j'ai vus ailleurs, ne proposez pas d'utiliser des guillemets:

 function onytplayerStateChange(newState) { alert("Player's new state: " + newState); } function onYouTubePlayerReady(playerId) { ytplayer = document.getElementById("myytplayer"); // note: callback function defined EARLIER ytplayer.addEventListener("onStateChange", onytplayerStateChange); } 

Alors, quelle méthode est juste? Le premier a semblé fonctionner dans tous les navigateurs, mais récemment, je remarque des problèmes étranges et je me demande si ces problèmes sont liés avec la façon dont addEventListener s'appelle.

Étant donné que la méthode addEventListener est en fait une méthode exposée dans Flash Player et non le native AddEventListener, cela dépend vraiment de la mise en œuvre du code AS3 à l'intérieur de YTPlayer.

J'irais avec les documentations et j'utiliserais les citations