如何将 Click 处理程序附加到 DOM 元素

【问题标题】：How to attach a Click handler to a DOM element如何将 Click 处理程序附加到 DOM 元素
【发布时间】：2014-01-06 17:10:41
【问题描述】：

如何获取 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

【问题讨论】：

标签： html extjs extjs4.2

【解决方案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');
    });
}

【讨论】：

建议改名，elDom 没有意义，因为它指的不是DOM元素，而是元素包装类。
同意，但我只是尽量不要改变太多，所以重要的改变更加明显。