How to create an event for multiple elements?

Question

Navigation

#1 by (1 votes)

0

Function:

document.getElementsById("nome").onblur = function(){
//algum código aqui
}

What I do not like is:

<input type="text" onblur="nomedafuncao(this)">

javascript

asked by anonymous 31.07.2017 / 21:08

1 answer

score 1 · Accepted Answer

Do something to select all the elements you want, then add the event listener to them.

In the example, I select all inputs and add the onblur event.

var elementos = document.querySelectorAll('input');
for(let el of elementos) {
  el.onblur = function(){
    console.log('yay');
  }
}

<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">