var fPanel = Ext.create('Ext.Panel',{
            id:'panel',
            items:[{
                xtype:'panel',
                layout: {
                        type: 'vbox',
                        pack:'center',
                        align: 'center'
                    },
                items:[{
                    text:'提交',
                    xtype: 'button',
                    listeners: {
                        scope  : this,
                        release : function(button, e, eOpts) {
                            alert();
                        },
                        tap: function(button, e, eOpts) {
                            alert(e);
                        }
                    }
                }]
            }]
        });
        
        Ext.Viewport.add(fPanel); 
 

在使用 sencha touch 4的時候，建立一個按鈕，並新增響應一個tap事件的時候，造成兩次響應。
程式碼大概就像上面那樣子。

無論是tap事件響應，還是release事件響應，在按鈕點選pressed的時候會響應一次，貌似按鈕獲得焦點後，處於按下狀態。

當再點選任意位置時，按鈕釋放，又再次響應了一次相同的事件。

貌似在ios的safari下會產生這種想象，chrome下沒有。

整個過程相當於click等於兩次tap事件，tapstart和tapend吧。

這裡解決的方式如下：

tap: function(button, e, eOpts) {
    setTimeout(function() {
        alert();
    }, 0);
}
 

貌似datalistview的itemtap也有這個問題。

同樣的方式：

Ext.define("Storefront.view.Test", {
    extend : 'Ext.Container',
    xtype  : 'test',
    config : {
        centered : true,
        tpl      : '<div class="sf-button sf-button-main">Hello World</div>',
        data     : {}
    },
    initialize   : function() {
        this.callParent();
        this.element.on({
            tap        : this.onTap,
            touchstart : this.onTouchStart,
            touchend   : this.onTouchEnd,
            delegate   : '.sf-button'
        });
    },
    onTap        : function(evtObj) {
        alert('button tapped');
    },
    onTouchStart : function(evtObj) {
        console.log('touchstart fired ' + evtObj.getTime());
        var btn = evtObj.getTarget('.sf-button');
        if(btn) {
            Ext.fly(btn).addCls("sf-button-pressed-main");
        }
    },
    onTouchEnd   : function(evtObj) {
        console.log('touchend fired ' + evtObj.getTime());
        var btn = evtObj.getTarget('.sf-button');
        if(btn) {
            Ext.fly(btn).removeCls("sf-button-pressed-main");
        }
    }
});
 

onTap: function(evtObj) {
    setTimeout(function() {
        alert('button tapped');
    }, 0);
}