“Cómo agregar un oyente de eventos múltiples en JavaScript” Código de respuesta

Agregar al oyente de eventos a múltiples elementos en js

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

JavaScript AddEventListener Haga clic en Múltiples 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

Cómo agregar un oyente de eventos múltiples en 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

Respuestas similares a “Cómo agregar un oyente de eventos múltiples en JavaScript”

Preguntas similares a “Cómo agregar un oyente de eventos múltiples en JavaScript”

Más respuestas relacionadas con “Cómo agregar un oyente de eventos múltiples en JavaScript” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código