événement sur Keypress

Question

Cette fonction retourne à l'affichage des vignettes lorsque vous cliquez dessus sur l'image agrandie ....

$('#wrapper > img').live('click',function(){ 
    $this = $(this); 
    $('#description').empty().hide(); 

    $('#thumbsWrapper').css('z-index','10') 
    .stop() 
    .animate({'height':'100%'},speed,function(){ 
     var $theWrapper = $(this); 
     $('#panel').css('height','0px'); 
     $theWrapper.css('z-index','0'); 
     /* 
     remove the large image element 
     and the navigation buttons 
     */ 
     $this.remove(); 
     $('#prev').hide(); 
     $('#next').hide(); 
    }); 
}); 

... en plus clique, je le veux aussi près ou juste à chaque touche « Echap » si possible ?

Un grand merci

Answer 1

Si vous voulez lier vous échapper pouvez vérifier à chaque touche/keydown si la clé est la fuite, et le cas échéant, l'utiliser, sinon ne rien faire avec elle.

$('#wrapper > img').live('keydown keypress', function(e) { 
    if (e.keyCode == 27) {// Check if the keycode is 27, ie ESCAPE 
     do your thing here 
    } 

Answer 2

Je lie un événement keyup au document lorsque la page se charge, qui vérifie si l'ESC a été pressé.

Essayez-:http://jsfiddle.net/AXMGM/

$(document).keyup(function(event) { 
    if(event.which === 27) { 
     // Run your code to hide the element 
     // and perhaps first check to see if it needs to be done. 
    } 
}); 

jQuery normalise le event.which tel qu'il peut être utilisé à la place de charCode et keyCode.

De la documentation -

event.which et normalise event.keyCode event.charCode. Il est recommandé de regarder event.which pour l'entrée touche du clavier ...

• http://api.jquery.com/event.which/
• http://api.jquery.com/keyup/