Как добавить двух разных прослушивателей событий к одной кнопке

Question

Я пытаюсь активировать две разные функции одним нажатием кнопки. До сих пор я пытаюсь просто добавить второй eventlistener как // часть, но она не сработала, две функции должны выполняться одна за другой. Я просто смотрю на javascript. извините, если этот вопрос кажется немного легким, но я не могу понять, если это произойдет. Я попытался создать функцию, вызвав ее function0, и вызовет функцию1 и функцию2, но она тоже не работает. благодаря!!!

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

Answer 2

Последующие вызовы addEventListener будет работать, как ожидалось. Обе функции будут срабатывать по порядку.

Нажмите Код фрагмента кода и увидите, как он работает.

var b = document.querySelector("button"); 
 

 
b.addEventListener("click", function(event) { 
 
    alert("one"); 
 
}); 
 

 
b.addEventListener("click", function(event) { 
 
    alert("two"); 
 
});

<button>make things happen</button>