如何将两个不同的事件侦听器添加到一个按钮

Question

我试图通过一个按钮触发两个不同的功能。 到目前为止，我已经尝试仅将第二个事件侦听器添加为//部分，但它不起作用，两个函数应该一个接一个地执行。 我只是盯着javascript。 抱歉，如果这个问题似乎有点容易，但我不知道是否可以解决。 我尝试创建一个称为function0的函数，然后调用function1和function2，但是它似乎也不起作用。 谢谢！！！

var action= document.getElementById("click1");
action.addEventListener("click",function1,false);

//action.addEventListener("click", function2, false);


<!-- click1 button -->
<button id="click1" value = "first"></button><br>

Answer 1

我认为您做得很好，可以使用后续调用addEventListner 。 您的一个回调函数（ function1或function2 ）中可能存在语法错误，请查看以下代码：

var btn = document.getElementById('btn');

btn.addEventListener('click', function() {
  alert('Listener 1');
});

btn.addEventListener('click', function() {
  alert('Listener 2');
});

此处演示