Fatal编程技术网
  • javascript/
  • 上的本机javascript（'；单击键控'；）

上的本机javascript（'；单击键控'；）

javascript

上的本机javascript（'；单击键控'；）,javascript,Javascript,我希望将onclick和onkeyup绑定在一起，并找出下面的原生JS版本。有人能帮忙吗 on("click keyup", ".searchButton",function(){ // code here }); 函数addEvents（elm、事件、处理程序）{ 对于（var i=0；i

我希望将onclick和onkeyup绑定在一起，并找出下面的原生JS版本。有人能帮忙吗

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

函数addEvents（elm、事件、处理程序）{
对于（var i=0；i
您必须将事件名称放入一个数组中，如
var ev=['click'，'keyup']


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



功能剂量仪（ev）{
var tgt=ev.目标；
var log=document.getElementById（'log'）；
如果（！tgt.classList.contains（'something'））{
log.innerHTML+=“忽略
”；
返回真值
}
log.innerHTML+=tgt.tagName+''+tgt.className+'
'；
}
document.body.addEventListener（'click'，dosomething）；
文件.正文.附录列表（'keyup'，dosomething）
什么
没什么

您希望所有这些都使用相同的处理程序events@Ramanlfc像那样或更好的东西。我有jquery代码，但我还需要本地JS代码，如果您的元素带有class
searchButton
是real
或
，它将在回车或空格键时触发
单击事件。它是标准的可访问性映射，通常是用户所期望的。您额外的
keyup
将在任何键上启动，这可能不是直观的。这并不能解决
.searchButton
引用多个元素集的问题。

function addEvents(elm, events, handler){

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

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

    }  
}