如何在文件字段的浏览按钮上触发onb​​lur事件？

Question

如果我单击文件字段附带的文本框并移开鼠标，则会触发onb​​lur事件。当我单击浏览按钮并将光标移开而不单击文件字段文本框时，如何确保模糊事件仍然被触发？ 我的代码片段如下：

 {
                xtype: 'filefield',
                emptyText: 'Select file... (pdf, word, excel)',
                id: 'offer_file',
                name: 'offer_file',
                width: 400,
                buttonText: '',
                allowBlank: false,
                margins: '0 0 5 5',
                buttonConfig: {
                    iconCls: 'upload-icon'
                },
                listeners: {
                    blur: function(obj) {
                        console.log('Filefield Blurred');
                    }
                }

 }

Answer 1

尝试以下方法，不是最好的方法，但仍有效：

Ext.create('Ext.form.Panel', {
    title: 'Upload a Photo',
    width: 600,
    bodyPadding: 10,
    frame: true,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'filefield',
        emptyText: 'Select file... (pdf, word, excel)',
        id: 'offer_file',
        name: 'offer_file',
        width: 400,
        buttonText: '',
        allowBlank: false,
        margins: '0 0 5 5',
        listeners: {
            render: function() {
                this.fileInputEl.on('blur', function() { 
                    Ext.Msg.alert('Alert', 'Filefield Blurred');
                });
            }
        }
    }]
});