将事件追加到Vanilla Javascript中已经存在的事件

时间:2019-02-13 16:31:38

标签: javascript event-handling

我有一个已定义的单击事件攻击了链接,我想知道什么是 APPEND 不要覆盖)将另一个单击事件纯粹地添加到该事件的最佳方法javascript。

这是我的代码(Fiddle):

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

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

此外,我知道使用此代码(Fiddle)可以在jQuery中(不覆盖):

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

我只想在原始Javascript中使用相同的语言。谢谢。

1 个答案:

答案 0 :(得分:0)

使用事件监听器处理事件是正确的方式(Fiddle):

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