Javascript 对多个键控事件的不同操作

好的，所以我的问题（我希望）相当简单。我想知道该怎么做，这样我就可以为同一个键码创建不同的事件。例如，我想在第一次按键时淡出一个div并淡入一个新div，然后在按键时淡出该div并淡入一个新div

谢谢

$(document).keydown(function() {
  if (event.keyCode == '40') {

    $('.div-1').fadeOut("slow")
    $('.div-2').fadeIn("slow")

   // I'd like this event to occur on the Second keydown

    $('.div-2').fadeOut("slow")
    $('.div-3').fadeIn("slow")
   }  
});

试一试

试一试

---

我能看到的唯一解决方案是创建局部变量。在您的示例（slodeshow）中，您需要对每个keydown进行计数并解析div类

    var hits = 0;

    $(document).keydown(function() {
      if (event.keyCode == '40') {          
          $('.div-' + hits).fadeOut("slow")
          $('.div-' + (hits + 1)).fadeIn("slow")         
          hits++;
       }  
    });

---

我能看到的唯一解决方案是创建局部变量。在您的示例（slodeshow）中，您需要对每个keydown进行计数并解析div类

    var hits = 0;

    $(document).keydown(function() {
      if (event.keyCode == '40') {          
          $('.div-' + hits).fadeOut("slow")
          $('.div-' + (hits + 1)).fadeIn("slow")         
          hits++;
       }  
    });

---

尽量不要忘记分号。。。它会帮助你。。。承诺…尽量不要忘记分号。。。它会帮助你。。。答应我…嗯，那好像不起作用。如果我有很多div呢。我试图用这个方法创建一个幻灯片，主要是通过使用键盘箭头（这样你就能理解上下文）来访问，它应该是多个if语句吗？嗯，这似乎不起作用。如果我有很多div呢。我正在尝试使用这个方法创建一个幻灯片，主要是通过使用键盘箭头来访问（这样你就能理解上下文）它应该是多个if语句吗？