将事件附加到Vanilla JavaScript中已经存在的事件中

Question

我已经定义了一个已定义的点击事件，攻击了链接，我想知道 append >的最佳方法是什么（ not overwrite ）在纯JavaScript中对此事件进行的另一个单击事件。

这是我的代码（小提琴）：

var link = document.getElementById('click');
link.onclick = function(){
    alert("1st click");
};
link.onclick = function(){
    alert("2nd click");
};

上面的代码覆盖第一个OnClick事件。

此外，我知道与此代码（小提琴）在jQuery中可能（不覆盖）：

var link = $('#click');
link.click(function(){
    alert("1st click");
});
link.click(function(){
    alert("2nd click");
});

我只想在香草JavaScript中使用。谢谢。

Answer 1

使用事件听众处理事件是正确的方式（小提琴）：

var link = document.getElementById('click');
link.addEventListener("click", function(){
    alert("1st click");
});
link.addEventListener("click", function(){
    alert("2nd click");
});