How can I detect events on all elements in a form?

Question

How can I use change or a similar event for all form elements? I don't want to use change for each field separately.

Answer 1

You can use the change event on the form element:

const form = document.querySelector('form');
form.addEventListener('change', function() {
    alert('Hi!');
});