JS注册/移除事件处理程序

在设计ExtJS应用程序时最常做的事情就是注册事件处理程序，因为在ExtJS的世界里，几乎完全由时间组成。因此，ExtJS的设计者使注册事件变得非常容易(同时还提供了非常不容易的方式任你选择)——on/un，也就是上与下两种方式，或是addListener与removeListener，Element的所有子类都可以使用。例如有一个<div/>希望在用户按下时能够给予简单的反馈： <divid="happyDiv"class="happyStyle"/>

如何替这个<div/>注册鼠标单击事件呢？首先必须取得这个div的Element实例： varhappyDiv=Ext.get('happyDiv');

然后是定义事件处理程序： varclickHandler=function(event,eventTarget){ Ext.MessageBox.alert("Click","Youclicked:"+eventTarget.id); }

再用on()将事件处理函数与Element实例连接起来： happyDiv.on('click',clickHandler);

程序执行时，单击<div/>会出现图3-15所示的结果。