addEventListener multiple events

addeventlistener-multiple-events.js

['change', 'keyup', 'paste', 'input', 'propertychange', 'every_other_event_you_want'].forEach(eventType => {
  [...document.querySelectorAll('SELECTOR')].forEach(element => {
    element.addEventListener(eventType, (event) => {
      console.log(event);
      
      // Your callback here
    }, false);
  });
});

Thanks for the script, however it gets an error. Here is the correct version.

['blur', 'keyup', 'change', 'click'].forEach((event) => {
    modal.querySelectorAll('form input').forEach((formInput) => {
        formInput.addEventListener(event, () => {
            // Your callback here
        });
    });
});

You're right, as I'm using querySelectorAll there should be a forEach after it. Don't forget to Array spread the element query. Amended.