jQuery multiple events to trigger the same function

Question

Is there a way to have keyup, keypress, blur, and change events call the same function in one line or do I have to do the

Answer 1

It's simple to implement this with the built-in DOM methods without a big library like jQuery, if you want, it just takes a bit more code - iterate over an array of event names, and add a listener for each:

function validate() {
  // ...
}

const element = document.querySelector('#element');
['keyup', 'keypress', 'blur', 'change'].forEach((eventName) => {
  element.addEventListener(eventName, validate);
});