Extjs鼠标长按事件(实现长按按钮触发事件的方法:mousedown、mouseup)
实现效果:
注:实现的效果其实就是监听鼠标长按的事件,当鼠标左击长按改变按钮的样式,当鼠标放开之后还原按钮的样式。
实现方法:
extjs:
Ext.get("loginBtn").on("mousedown", function () {
this.addClass("loginBtnPress");
});
Ext.get("loginBtn").on("mouseup", function () {
this.removeClass("loginBtnPress");
});
.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框架基础:事件模型及其常用功能