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框架基础：事件模型及其常用功能