javascript - 为什么 ExtJs 4.1.3 中的文本字段 id 与 IE 中的监听器冲突？

Question

我们的应用程序使用 ExtJs，在 4.1.3 版本中，IE 中显示出奇怪的行为。

问题是，如果我们打开一个带有很少文本字段/组合的表单的窗口，并且如果我们在关闭该窗口一次后重新打开该窗口，则应用于文本字段/组合的焦点/模糊监听器将停止工作。

以下是该问题的测试用例:

Ext.onReady(function(){             
    function getForm(){
        var form    =   {
            xtype:'form',
            width:550,
            items:[
                {
                    xtype:'textfield',
                    flex:1,
                    fieldLabel:'test1',
                    id:'disabledFieldId',
                    itemId:'disabledFieldId',
                    listeners:{
                        focus:function(){
                            console.log('focus first field');
                        },
                        blur:function(){
                            console.log('blur first field');
                        },
                        change:function(){
                            console.log('change first field');
                        }
                    }
                },
                {
                    xtype:'textfield',
                    flex:1,
                    fieldLabel:'test2'
                }
            ]
        };
        return form;
    }
    Ext.create('Ext.Button', {
        text: 'Open Window',
        renderTo: Ext.getBody(),
        handler: function() {
            var win     =       Ext.create('Ext.window.Window',{
                modal:true,
                items:[
                    getForm()
                ],
                width:550,
                height:200
            });
            win.show();
        }
    });
});

在上述测试用例中，可以通过以下步骤检查该问题:

1. 在 IE 中加载页面并单击“打开窗口”按钮打开窗口

2. 单击第一个文本字段以将其聚焦，这将在控制台中打印一条语句 -“聚焦第一个字段”

3. 现在关闭此窗口，然后通过按钮再次打开它

4. 单击第一个文本字段 - 现在，控制台不会打印任何内容 - 焦点事件根本不会触发。

我检查并发现“焦点”和“模糊”事件没有触发，但“更改”事件每次都会触发。

如果我们重新加载整个页面，然后现在打开窗口，那么事件将再次开始触发。但在这种情况下，也只有一次。

我发现如果从文本字段注释“id”，那么事情就开始正常工作。但这很奇怪。 “id”如何与听众发生冲突？这是一个错误吗？

请注意，没有抛出任何错误。此外，窗口正在被破坏，元素正在被重新创建。

我也在 Chrome 和 Firefox 中对此进行了测试，发现这种行为仅在 IE 中发生(在 IE9 中检查，并将文档和浏览器模式设置为标准)。

此外，当我使用 4.1.1 之前的版本对此进行测试时，我发现 IE 也可以正常工作。

对此有什么想法吗？

感谢您提前提供帮助。

Answer 1

这最终在 4.1.2 和 4.1.3 版本中被视为错误。可以解决这个问题的覆盖可以是 checked on this link.