ExtJS 4 按鈕上的 mousedown / mouseup 事件

Question

我試圖讓按鈕觸發 ExtJS 4 上的 mousedown 和 mouseup 事件，但我找不到正確的方法來做到這一點。

我試圖在我的控制器上做這樣的事情：

init: function()
{
    this.control(
    {
       'button[itemId="pttButton"]': 
       {
          mousedown: doSomething,
          mouseUp:   doSomethingElse
       }
    });
}

但這些事件似乎並不存在。

除了直接訪問 dom 和使用本機 Javascript 事件之外，最好的方法是什么？

Answer 1

因為按鈕沒有mousedown和mouseup事件，最簡單的方法是在按鈕組件的元素上添加此事件的偵聽器。 您可以通過組件的getEl()方法獲取表示組件的元素。

    var btn = Ext.create('Ext.Button', {
        text: 'Click me',
        renderTo: Ext.getBody()

    });

    btn.mon(btn.getEl(), {
        mousedown: function() {
            console.log('down');
        },
        mouseup: function() {
            console.log('up');
        }
    });

Answer 2

Button 對象沒有 mousedown 或 mouseup 事件。 如果它對你來說都是一樣的，你可以使用點擊事件。