javascript - 如何处理 "div"标签内多个标签的点击-EXTJS

Question

我正在尝试处理 div 上的点击事件.我需要在 div 上处理 2 个单独的点击事件, 一个在元素上 <a>另一个元素 <span>我有一个 if-else 条件的伪代码，具体取决于我单击的元素。下面是渲染页面后我的函数:

afterrender: function() {
                Ext.fly('div').createChild({
                      tag: 'div',
                      html: "<label class='highlight'> Try the new <a href='#'>Beta version</a><span class='icon-clear'></span></label>"
                  }).on("click", function(e) {
                    if (e.target is <a>) {
                      //do some fun
                    }else if (e.target is <span>) {
                        //do some func
                   }
                }, this, { delegate: 'label' });  
        }

我不确定如何根据该元素检查单击了哪个元素以执行乐趣。有什么想法吗？？

Answer 1

在事件上使用 getTarget 方法，它将爬升检查事件目标(或任何父级)是否与选择器匹配。

if (e.getTarget('a')) {
} else if (e.getTarget('span') {
} else if (e.getTarget('.someClassName') {
}
// etc