Unir plusieurs gestionnaires d'événements Javascript

Question

Comment combiner plusieurs gestionnaires d'événements Javascript comme dans le scénario suivant:

onClick="doSomething();" onKeyUp="doSomething();" onLoad="doSomething();" 

Answer 1

function doSomething(){ console.log("Done!"); } 
var element = document.getElementById("my-element"); 
element.onClick = element.onKeyUp = element.onLoad = doSomething; 

Answer 2

Je suggère d'utiliser le code d'un javascript bibliothèque pour ajouter des événements à des différences abstraites navigateur loin de vous .

Je suggère également de passer l'événement lui-même à la fonction (à la fois le prototype et jquery le font).

<script> 
function doSomething(event){ 
    /*your code here*/ 
    /*this refers to the dom node in both libraries*/ 
}; 
</script> 

JQuery

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script> 
<script> 
    $("my-element").bind("click keyup load", doSomething); 
</script> 

Prototype

<script src="http://www.prototypejs.org/assets/2008/9/29/prototype-1.6.0.3.js"></script> 
<script> 
    $('my-element').observe('click', doSomething); 
    $('my-element').observe('keyup ', doSomething); 
    $('my-element').observe('load', doSomething); 
</script>