如何将点击处理程序附加到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'); 
    }); 
}