Extjs鼠标长按事件（实现长按按钮触发事件的方法：mousedown、mouseup）

实现效果：

注：实现的效果其实就是监听鼠标长按的事件，当鼠标左击长按改变按钮的样式，当鼠标放开之后还原按钮的样式。

 

实现方法：

extjs:

 

            Ext.get("loginBtn").on("mousedown", function () {
                this.addClass("loginBtnPress");
            });
            Ext.get("loginBtn").on("mouseup", function () {
                this.removeClass("loginBtnPress");
            });

 

 

css:

 

.loginBtn{
    color: #595757;
    background-color: #f0e8e8;
}

.loginBtn:hover {
    color: white;
    background-color: #17c184;
}

.loginBtnPress{
    color: white;
    background-color: #00D1F0;
}

.loginBtnPress:hover {
    color: white;
    background-color: #00D1F0;
}

参考：ExtJS框架基础：事件模型及其常用功能