Question

我试图通过一个按钮触发两个不同的功能。到目前为止，我尝试只添加第二个eventlistener作为//部分，但它不起作用，这两个函数应该一个接一个地执行。我只是盯着javascript。对不起，如果这个问题看起来有点容易，但我无法判断是否有问题。我已经尝试创建一个函数调用它的函数0并调用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');
});

DEMO HERE

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

1 个答案: