如何在单击时立即切换类（不是在释放鼠标按钮后）

Question

当用户点击时，我想立即更改我的span元素的颜色 - 释放鼠标按钮后不会发生颜色变化。

这是我正在切换的课程的CSS：

span.active{
  color:#bdbcae;
}

这是我对jQuery的“想法”，但是在点击后切换了这个类：

$("span").click(function() {
   $(this).toggleClass("active");
});

它可能是基本的东西，或者可能是更复杂的东西，但是我用什么样的功能来实现这个目标呢？

Answer 1

使用mousedown

$("span").mousedown(function() {

API参考：http://api.jquery.com/mousedown/

Answer 2

mousedown听起来像你正在寻找的东西：

http://api.jquery.com/mousedown/

所以这可能是你的代码：

$( "span" ).mousedown(function() {
   $( this ).toggleClass( "active" );
});