on的原生javascript (‘click keyup')

Question

我希望将onclick，onkeyup绑定在一起，并弄清楚下面的原生JS版本。有谁能帮帮忙吗？

on("click keyup", ".searchButton",function(){
// code here
});

Answer 1

function addEvents(elm, events, handler){

    for(var i = 0 ;i< events.length; i++){

       elm.addEventListener( events[i] ,handler ,false); 

    }  
}

您必须将事件名称放入像var ev = ['click','keyup'];这样的数组中

https://jsfiddle.net/f9dfjftk/

Answer 2

本机解决方案可以使用带有className检查的全局侦听器，例如：

​

function dosomething(ev){
  var tgt = ev.target;
  var log = document.getElementById('log');
  if( !tgt.classList.contains('something') ) {
    log.innerHTML += 'ignoring<br>';
    return true
  }
  log.innerHTML += tgt.tagName + ' ' + tgt.className + '<br>';
}
document.body.addEventListener('click',dosomething);
document.body.addEventListener('keyup',dosomething);

<button type="button" class="something">something</button>
<button type="button">not something</button>
<input type="text" class="something" placeholder="something">
<input type="text" placeholder="not something">
<div id="log"></div>

​