jQuery attendre keyup après keydown

Question

Je voudrais déclencher un événement, une fois après la touche vers le bas et un événement différent seulement après la flèche vers le bas a été libéré, comme ceci:

$('body').keydown(function (e) 
{ 
    if(e.keyCode==40) 
    { 
     //do something 
    } 
    $('body').keyup(function (d) 
    { 
     if(d.keyCode==40) 
     { 
      //do something else 
     } 
    } 
} 

Ce code ne fonctionne que partiellement . Le clavier est déclenché en continu lorsque la touche fléchée vers le bas est maintenue enfoncée.

J'ai un setInterval dont je modifie la fréquence de rafraîchissement lorsque je maintiens la touche fléchée. Malheureusement, setTimeOut n'est pas une option dans cette situation.

Alors mon code ressemble à ceci:

 clearInterval(interval); 
     refresh = 100; 
     interval(); 

Answer 1

$('body').keydown(function (e) { 
    if(e.keyCode==40) { 
     //do something 
    } 
    return false; 
}) 
.keyup(function(e) { 
    if(e.keyCode==40) { 
     //do something else 
    } 
    return false; 
}); 


$('body').on('keyup', function (e) { 
    if(e.keyCode==40) { 
     //do something 
    } 
    // after first keyup set to handle next keydown only once: 
    $(this).one('keydown', function(e) { 
     if(e.keyCode==40) { 
      //do something else 
     } 
    }); 
}); 

Si vous avez besoin exactement déclencheur l'événement et ne gèrent pas comme il est dans votre exemple, vous devez utiliser la méthode $.trigger().

Answer 2

$('body').keydown(function (e) 
{ 
    console.log('down'); 
}​).keyup(function(e){console.log('up')});​​​​ 

Answer 3

Si vous voulez faire une action qu'une seule fois alors que la touche reste enfoncée, il suffit de garder une trace de ce que:

var arrowKeyDown = false; 

$('body').keydown(function(e) { 
    if (e.which == 40 && !arrowKeyDown) { 
     arrowKeyDown = true; 
     // ... 
    } 
}); 

$('body').keyup(function(e) { 
    if (e.which == 40) { 
     arrowKeyDown = false; 
    } 
}); 

Démo: http://jsfiddle.net/utfwQ/

Answer 4

Si vous avez vraiment besoin d'enlever le keyup écouteur lorsque vous avez terminé, http://jsfiddle.net/CgmCT/

document.body.addEventListener('keydown', function (e) { 
    if(e.keyCode === 40){ 
     console.log('key 40 down'); 
     // key down code 
     document.body.addEventListener('keyup', function listener(d){ 
      if(d.keyCode === 40){ 
       document.body.removeEventListener('keyup', listener, true); 
       console.log('key 40 up'); 
       // key up code 
      } 
     }, true); 
    } 
}, true);​