“So fügen Sie mehrere Ereignishörer in JavaScript hinzu” Code-Antworten

Fügen Sie Ereignishörer zu mehreren Elementen in JS hinzu

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

JavaScript AddEventListener Klicken Sie auf mehrere Elemente

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

So fügen Sie mehrere Ereignishörer in JavaScript hinzu

// 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

Ähnliche Antworten wie “So fügen Sie mehrere Ereignishörer in JavaScript hinzu”

Fragen ähnlich wie “So fügen Sie mehrere Ereignishörer in JavaScript hinzu”

Weitere verwandte Antworten zu “So fügen Sie mehrere Ereignishörer in JavaScript hinzu” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen