は、次のシナリオのようにJavaScriptで複数のイベントハンドラに参加する方法のJavascript

Question

で複数のイベントハンドラへの参加：

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

私は離れて自分から抽象ブラウザの違いにイベントを追加するJavaScriptライブラリのコードを使用することをお勧め。

イベント自体を関数に渡すこともお勧めします（プロトタイプとjqueryの両方でこれを行います）。

<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>