javascript - Ext JS - 自动添加监听器

Question

假设我们有一个包含很多元素的表单。

我想要一种通过通用代码的方法，以便能够向这些元素添加监听器，例如，所有具有内置 focus 事件的元素，如文本输入或下拉列表, 将有这个 onFocus 监听器。在粗略的伪代码中，是这样的:

for each element in document
    if hasBuiltInFocusEvent(element)
        element.addListener(element, 'focus', indicateOnFocus);

function indicateOnFocus(element)
{
    log(currentTime(), element.id, 'focus');
}

理想情况下， 不必修改元素的现有类定义。我可以在显示表单之前调用一次代码来设置监听器。

请原谅我普遍缺乏知识。我感兴趣的是这是否可行，特别是避免必须为每个元素硬编码监听器，因为通用的泛型方法有很多优点。

Answer 1

开箱即用的 Ext JS 全局报告焦点变化:

Ext.on('focus', function(data) {
    console.log('Focus changed from ' + data.fromElement + ' to ' + data.toElement);
});