在Javascript中加入多个事件处理程序

在Javascript中加入多个事件处理程序,javascript,Javascript,如何在Javascript中连接多个事件处理程序,如以下场景所示: onClick="doSomething();" onKeyUp="doSomething();" onLoad="doSomething();" 我建议使用javascript库的代码来添加事件,从而将浏览器差异抽象出来 我还建议将事件本身传递给函数(prototype和jquery都这样做) 功能剂量测量(事件){ /*你的代码在这里*/ /*这是指两个库中的dom节点*/ }; $(“我的元素”).bind(“单

如何在Javascript中连接多个事件处理程序,如以下场景所示:

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

我建议使用javascript库的代码来添加事件,从而将浏览器差异抽象出来

我还建议将事件本身传递给函数(prototype和jquery都这样做)


功能剂量测量(事件){
/*你的代码在这里*/
/*这是指两个库中的dom节点*/
};


$(“我的元素”).bind(“单击键控加载”,doSomething);


$('my-element')。观察('click',doSomething);
$('my-element')。观察('keyup',doSomething);
$('my-element')。观察('load',doSomething);
function doSomething(){ console.log("Done!"); }
var element = document.getElementById("my-element");
element.onClick = element.onKeyUp = element.onLoad = doSomething;
<script>
function doSomething(event){
  /*your code here*/
  /*this refers to the dom node in both libraries*/
};
</script>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script>
  $("my-element").bind("click keyup load", doSomething);
</script>
<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>