javascript - 多个 Keydown 事件的不同操作

标签 javascript jquery

好吧,我的问题(我希望)相当简单。我想知道该怎么做,以便我可以为相同的键码创建不同的事件。例如,我想在第一次按键时淡出一个 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")
   }  
});

最佳答案

尝试

var hits = 0;

$(document).keydown(function() {
  if (event.keyCode == '40') {
    hits++;
    if (hits % 2 == 0) {
       // I'd like this event to occur on the Second keydown
       $('.div-2').fadeOut("slow");
       $('.div-3').fadeIn("slow");

    } else {

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

关于javascript - 多个 Keydown 事件的不同操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2955033/

相关文章:

java - 是否可以在不包含 Google Script 的情况下通过 google plus SignIn 检索用户信息

javascript - 如何从子组件中的对象中获取数据并将其传递给React中父组件中的方法

javascript - 日历结束日期错了一天

jquery - 如何使 Nivo slider 响应式

javascript - 如何在循环中的 Coffeescript 中使用 setTimeout

javascript - 如何用溢出 :auto with arrows 替换 div 的滚动条

javascript - 在 tomcat 服务器上启用 gzip 压缩会使 js 的缩小变得多余?

javascript - 如何通过php中的函数在浏览器中打印插入查询

javascript - 哪个 JQuery 版本适合所有 jquery 功能?

javascript - 如何使用 jQuery 获取选定的 <li> 或 <a> 的 ID?