开发者

How can I visually simulate a button being clicked with jQuery

开发者 https://www.devze.com 2023-03-12 10:30 出处:网络
I have the following code that was suggested to me earlier today: $(window).keypress(function (e) { if (e.keyCode 开发者_StackOverflow中文版== 13)

I have the following code that was suggested to me earlier today:

$(window).keypress(function (e)
{
  if (e.keyCode 开发者_StackOverflow中文版== 13)
  {
      $('#doCheck').focus().click();
   }
});

One user in another post said that this would make a button appear to animate and be clicked. When I tried it does have some effect but at least in Firefox it still does not make the button appear as though it's being clicked. Has anyone been able to make a button look like it's physically clicked with jQuery?


On execution, you would need to switch classes to make the button look pressed, then you would need to setInterval for a few milliseconds and once fired change the class back to a regular looking button.


just change the border...an unclicked button generally has an outset border, when you click it, it changes to inset so:

$(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();
   }
});
0

精彩评论

暂无评论...
验证码 换一张
取 消