javascript中的多个事件侦听器

Question

如何在相同的初始化中添加多个事件侦听器？

例如：

<input type="text" id="text"> 
<button id="button_click">Search</button> 

的JavaScript：

var myElement = document.getElementById('button_click'); 
myElement.addEventListener('click', myFunc()); 

这是正常工作，但是我想有此输入在同一呼叫提起另一个事件侦听器，如果这是可能的，所以当用户点击进入或按下按钮时，它触发相同的事件监听器。

只是一个音符。用户需要专注于输入字段以触发“输入”事件。

Answer 1

您的功能只需绑定到2个监听器，所希望的元素中的每一个：

document.getElementById('button_click').addEventListener('click', myFunc); 
document.getElementById('text').addEventListener('keyup', keyupFunc); 

其中新功能测试，如果按用户输入，然后执行其他功能：

function keyupFunc(evt) { 
    if(evt.keyCode === 13) // keycode for return 
     myFunc(); 
} 

工作的jsfiddle：http://jsfiddle.net/cG7HW/

Answer 2

试试这个：

function addMultipleEvents(elements, events){ 
     var tokens = events.split(" "); 
     if(tokens.length == elements.length){ 
      for(var i = 0; i< tokens.length; i++){ 
       elements[i].addEventListener(tokens[i], (e.which == 13 || e.which == 48)?myFunc:); //not myFunc() 
      } 
     } 
} 

var textObj = document.getElementById("textId"); 
var btnObj = document.getElementById("btnId"); 
addMultipleEvents([textObj,btnObj], 'click keyup'); 

UPDATE：

function addMultipleEvents(elements, events) { 
     var tokens = events.split(" "); 
     if (tokens.length == elements.length) { 
      for (var i = 0; i < tokens.length; i++) { 
       elements[i].addEventListener(tokens[i], myFunc); //not myFunc() 
      } 
     } 
    } 

    var textObj = document.getElementById("textId"); 
    var btnObj = document.getElementById("btnId"); 
    addMultipleEvents([btnObj, textObj], 'click keyup'); 

    function myFunc(e) { 
     if (e.which == 13 || e.which == 1) { 
      alert("hello"); 
     } 
    } 

Working Fiddle