在設(shè)計ExtJS應用程序時最常做的事情就是注冊事件處理程序，因為在ExtJS的世界里，幾乎完全由時間組成。因此，ExtJS的設(shè)計者使注冊事件變得非常容易(同時還提供了非常不容易的方式任你選擇)——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);
}

復制代碼 代碼如下:

happyDiv.on('click',clickHandler);