如何將點擊處理程序附加到DOM元素

Question

我如何獲得一個DOM元素，並附加一個事件onClick？我想這個代碼，但它不工作：

<div> 
    <h1 id="some_id"> 
     click here 
    </h1> 
</div> 

的JavaScript：

Ext.onReady(function() { 
    if(Ext.getDom('some_id')) 
    { 
     var elDom = Ext.getDom('some_id'); 

     elDom.on('click', function(){ 

      Ext.Msg.alert('Status', 'Already get the element from the dom'); 
     }); 
    } 
    }); 

小提琴：https://fiddle.sencha.com/#fiddle/2fl

Answer 1

另一種方式來做到這一點是讓Ext.dom.Element而不是實際的DOM節點。這將允許您使用.on()。這是通過使用Ext.get()代替Ext.getDom()完成。

var elDom = Ext.get('some_id'); 
if(elDom) { 
    elDom.on('click', function() { 
     Ext.Msg.alert('Status', 'Already get the element from the dom'); 
    }); 
}