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