Question

我试图为同一个事件制作两个EventListener。

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

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

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

Answer 1

你可以在同一个对象上做同一个事件类型的多个监听器 - 我认为这是你想要做的事情。见下文。

你的代码有一些奇怪的东西。你把它标记为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/

添加事件监听器

1 个答案: