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