在设定的持续时间内使用空格键按下触发事件

Question

我有一个动画应该在按键按下时开始一段设定的持续时间（3 秒左右）。

想知道我是否可以将动画功能绑定到 jquery keydown 但我如何才能将持续时间添加到它或者是否有另一个 jquery 插件可以处理这个？

动画是这样的：

$('.slide1').slideUp();

但我需要将它绑定到一个按键事件，以便当有人按住空格键 3 秒时触发它。我什至不知道从哪里开始。

有点像 - 但如何用实际的空格键触发？

$('spacebar').keydown(
  $('.slide1').slideUp();
), 3000) ?

Answer 1

$(window).keypress(function (e) {
  if (e.keyCode === 0 || e.keyCode === 32) {
    e.preventDefault()
    console.log('Space pressed')
    //do some stuff here
    /*some animation*/.delay(3000);//plays animation for 3 seconds
  }
});

正如其他人评论的那样，如果没有任何示例代码，很难看出您具体在寻找什么。不过，听起来您正在寻找类似的东西。

在设定的持续时间内使用空格键按下触发事件

trigger event with spacebar keydown for set duration

jquery

keydown

onkeydown