如何在视觉上模拟使用jQuery单击的按钮

Question

我今天早些时候向我提出了以下代码：

$(window).keypress(function (e)
{
  if (e.keyCode == 13)
  {
      $('#doCheck').focus().click();
   }
});

另一篇文章中的一位用户表示，这会使按钮看起来有动画并被点击。当我尝试它确实有一些效果，但至少在Firefox中它仍然不会使按钮看起来好像被点击。有没有人能够让按钮看起来像是用jQuery实际点击了？

Answer 1

执行时，您需要切换类以使按钮看起来按下，然后您需要setInterval几毫秒，一旦触发，将类更改回常规按钮。

Answer 2

只需更改边框...未单击的按钮通常具有一个边框，当您单击它时，它会更改为插图所以：

$(window).keydown(function (e)
{
  if (e.keyCode == 13)
  {
      $('#doCheck').css({borderStyle:'inset'});
   }
});
$(window).keyup(function (e)
{
  if (e.keyCode == 13)
  {
      $('#doCheck').css({borderStyle:'outset'});
      $('#doCheck').focus().click();
   }
});