1. 程式人生 > >Extjs滑鼠長按事件(實現長按按鈕觸發事件的方法:mousedown、mouseup)

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;
}