jQuery : keyPress Backspace ne se déclenche pas ?

Question

Je me demande ce que je fais de mal :

$(".s").keypress(function(e) {
   switch (e.keyCode) {
      case 8: // Backspace
      //console.log('backspace');
      case 9: // Tab
      case 13: // Enter
      case 37: // Left
      case 38: // Up
      case 39: // Right
      case 40: // Down
         break;

      default:
         doSearch();
   }
});

Je veux que mon doSearch() qui doit également être déclenchée lorsque je touche la fonction Backspace clé. Pour l'instant, il ne se passe absolument rien lorsque j'appuie sur Backspace dans Chrome et Safari.

Des idées ?

Answer 1

Utilice keyup au lieu de keypress . Cela permet d'obtenir tous les codes de touche lorsque l'utilisateur appuie sur quelque chose.

Answer 2

J'ai rencontré ce problème moi-même. J'ai utilisé .on donc ça a l'air un peu différent mais j'ai fait ça :

 $('#element').on('keypress', function() {
   //code to be executed
 }).on('keydown', function(e) {
   if (e.keyCode==8)
     $('element').trigger('keypress');
 });

J'ajoute mon tour de travail ici. J'avais besoin de supprimer le nom de famille tapé par l'utilisateur, alors j'ai fait ceci en jQuery.

  $(this).bind("keydown", function (event) {
        // Allow: backspace, delete
        if (event.keyCode == 46 || event.keyCode == 8) 
        {
            var tempField = $(this).attr('name');
            var hiddenID = tempField.substr(tempField.indexOf('_') + 1);
            $('#' + hiddenID).val('');
            $(this).val('')
            return;
        }  // Allow: tab, escape, and enter
        else if (event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
        // Allow: Ctrl+A
        (event.keyCode == 65 && event.ctrlKey === true) ||
        // Allow: home, end, left, right
        (event.keyCode >= 35 && event.keyCode <= 39)) {
            // let it happen, don't do anything
            return;
        }
        else 
        {
            // Ensure that it is a number and stop the keypress
            if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) &&       (event.keyCode < 96 || event.keyCode > 105)) 
            {
                event.preventDefault();
            }
        }
    });

Answer 3

Si vous voulez déclencher l'événement uniquement en cas de modification de votre entrée, utilisez :

$('.s').bind('input', function(){
  console.log("search!");
  doSearch();
});