“como adicionar vários ouvintes de eventos em javascript” Respostas de código

Adicionar ouvinte de eventos a vários elementos em JS

document.querySelectorAll('.some-class').forEach(item => {
  item.addEventListener('click', event => {
    //handle click
  })
})
Tequilian

JavaScript addEventListener Clique em vários elementos

let all_btn = document.querySelectorAll("button");
all_btn.forEach(function(btn) {
    btn.addEventListener("click", function() {
        console.log(this.innerHTML + " is clicked")
    });
});

// one line code
// let all_btn=document.querySelectorAll("button");all_btn.forEach(function(n){n.addEventListener("click",function(){console.log(this.innerHTML+" is clicked")})});
Salo Hopeless

como adicionar vários ouvintes de eventos em javascript

// events and args should be of type Array
function addMultipleListeners(element,events,handler,useCapture,args){
  if (!(events instanceof Array)){
    throw 'addMultipleListeners: '+
          'please supply an array of eventstrings '+
          '(like ["click","mouseover"])';
  }
  //create a wrapper to be able to use additional arguments
  var handlerFn = function(e){
    handler.apply(this, args && args instanceof Array ? args : []);
  }
  for (var i=0;i<events.length;i+=1){
    element.addEventListener(events[i],handlerFn,useCapture);
  }
}

function handler(e) {
  // do things
};

// usage
addMultipleListeners(
    document.getElementById('first'),
    ['touchstart','click'],
    handler,
    false);
Motionless Mouse

Respostas semelhantes a “como adicionar vários ouvintes de eventos em javascript”

Perguntas semelhantes a “como adicionar vários ouvintes de eventos em javascript”

Mais respostas relacionadas para “como adicionar vários ouvintes de eventos em javascript” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código