javascript - element.addEventListener 的正确使用方法

Question

我有一些 JavaScript 函数充当 <object/> 的事件监听器。触发自定义事件的对象。有问题的对象是支持 JavaScript API 的 YouTube 播放器。 documentation提供了用于附加事件监听器的示例代码:

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

然而，根据 addEventListener 我在别处看到的示例不建议使用引号:

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

那么哪种方法是对的呢？第一个似乎适用于所有浏览器，但最近我注意到奇怪的问题，我想知道这些问题是否与调用 addEventListener 的方式有关。

Answer 1

由于addEventListener方法实际上是flash player中暴露的方法，并不是原生的addEventListener，所以要看YTPlayer内部AS3代码的实现。

我会使用文档并使用引号