javascript - 添加事件监听器

我试图为同一事件创建两个EventListeners。

直到我意识到您无法真正做到这一点-例如：

thumbnailPageButton.addEventListener("click", onThumbnailPageButton, false);
thumbnailPageButton.addEventListener("click", alertSomething);

因此，我将所需的代码放在“ onThumbnailPageButton”下，并删除了“ alertSomething”部分。

/* Event handler for click events dispatched by ThumbnailPageButton to update the visibility of UI elements. */
function onThumbnailPageButton(event){
    updateUI();
    alert("Yes you clicked it!");
}

然而，这似乎打破了一切。并且缩略图图标现在不会显示。

最佳答案

您可以在同一个对象上执行多个具有相同事件类型的侦听器-我想这就是您要尝试的方法。见下文。

您的代码有一些奇怪的事情。您将其标记为JQuery，但未使用JQuery（它看起来像$（'＃thumbnailPageButton'）。click（function（）{etc}））。另外，您不会调用函数alertSomething（代码中也没有列出该函数）。尝试这个：

var thumbnailPageButton = document.getElementById('thumbnailPageButton');
thumbnailPageButton.addEventListener("click", onThumbnailPageButton, false);
thumbnailPageButton.addEventListener("click", alertSomething);


function onThumbnailPageButton(){
    alert('hey');
}

function alertSomething(){
   alert('here');
}

在这里提琴：https://jsfiddle.net/anwh0epe/