Extjs滑鼠長按事件(實現長按按鈕觸發事件的方法:mousedown、mouseup)
阿新 • • 發佈:2019-01-29
實現效果:
注:實現的效果其實就是監聽滑鼠長按的事件,當滑鼠左擊長按改變按鈕的樣式,當滑鼠放開之後還原按鈕的樣式。
實現方法:
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;
}