jQuery: keyPress Backspace ne se déclenche pas?

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 ma doSearch()fonction soit également déclenchée lorsque j'appuie sur la Backspacetouche. Pour le moment, absolument rien ne se passe lorsque j'appuie sur BackspaceChrome et Safari.

des idées?

Utilisez à la keyupplace de keypress. Cela obtient tous les codes de clé lorsque l'utilisateur appuie sur quelque chose

Je suis tombé sur ça moi-même. Je l'ai utilisé, .ondonc ça a l'air un peu différent mais j'ai fait ceci:

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

Ajout de mon travail ici. J'avais besoin de supprimer ssn tapé par l'utilisateur, alors je l'ai fait dans 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();
            }
        }
    });

Si vous souhaitez déclencher l'événement uniquement sur les modifications de votre entrée, utilisez:

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

Selon la documentation jQuery pour .keypress (), il n'attrape pas les caractères non imprimables, donc le retour arrière ne fonctionnera pas à la pression d'une touche, mais il est pris dans le keydown et le keyup:

L'événement keypress est envoyé à un élément lorsque le navigateur enregistre l'entrée au clavier. Ceci est similaire à l'événement keydown, sauf que les touches de modification et non imprimables telles que Shift, Esc et delete déclenchent les événements keydown mais pas les événements keypress. D'autres différences entre les deux événements peuvent survenir en fonction de la plate-forme et du navigateur. ( https://api.jquery.com/keypress/ )

Dans certains cas, le keyup n'est pas souhaité ou a d'autres effets indésirables et le keydown est suffisant, donc une façon de gérer cela consiste à utiliser keydownpour capturer toutes les frappes, puis définir un délai d'expiration d'un court intervalle pour que la clé soit entrée, puis effectuer le traitement dans après.

jQuery(el).keydown( function() { 
    var that = this; setTimeout( function(){ 
           /** Code that processes backspace, etc. **/ 
     }, 100 );  
 } );