jquery - 鼠标按下和鼠标按下

Question

所以我希望按钮在鼠标按下时改变样式，并在鼠标抬起时返回到上一个样式。我有这个代码:

$('#divMenu > #menu li a').mousedown(function(){
  $(this).css({
  'font-size': '25px',  
  'color': 'red'     
  });               
}).mouseup(function(){
  $(this).css({
  'font-size': '30px',  
  'color': 'black'     
  });               
});

问题是，当我按下鼠标，但将其从对象上移开并且没有立即释放时，字体大小和颜色保持 25px 和红色。我应该怎么做才能通过？

编辑: JsFiddle:http://jsfiddle.net/h64Uz/

Answer 1

您还需要使用鼠标悬停。

$('#divMenu > #menu li a').mousedown(function(){
  $(this).css({
  'font-size': '25px',  
  'color': 'red'     
  });               
}).mouseup(function(){
  $(this).css({
  'font-size': '30px',  
  'color': 'black'     
  });               
}).mouseout(function(){
  $(this).css({
  'font-size': '30px',  
  'color': 'black'     
  });               
});

您的事件代码在单击鼠标时设置 css。一旦你离开它就无法注册鼠标。但离开时它将注册一个 mouseout 事件。