如何在文件域的浏览按钮上触发onblur事件

Question

如果我单击文件字段附带的文本框并将鼠标移开，则触发onblur事件。我如何确保模糊事件仍然触发时，我点击浏览按钮，并移动光标离开，而不点击文件字段文本框?我的代码片段如下:

 {
                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');
                });
            }
        }
    }]
});