jQuery: keyPress ¿El retroceso no se disparará?

Question

Me pregunto qué estoy haciendo 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(); 
     } 

    }); 

Quiero que mi función doSearch() también para ser disparado cuando pulso la tecla de retroceso . Por el momento no ocurre absolutamente nada cuando presiono Retroceso en Chrome y Safari.

¿Alguna idea?

Answer 1

Use keyup en lugar de keypress. Esto obtiene todos los códigos de tecla cuando el usuario presiona algo

Answer 2

Me encontré con esto. Solía ​​.on por lo que se ve un poco diferente, pero lo hice:

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

Adición de mi trabajo por aquí. Necesitaba eliminar SSN tecleado por el usuario, así que hice esto 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 desea disparar el evento sólo en los cambios de su uso de insumos:

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

Answer 4

De acuerdo con la documentación de jQuery para. pulsación de tecla(), que no se enganche caracteres no imprimibles, por lo que la tecla de retroceso no funciona al pulsar las teclas, pero está atrapado en keydown y keyup:

el evento de pulsación de tecla se envía a un elemento cuando el navegador se registra la entrada de teclado . Esto es similar al evento keydown, excepto que las teclas modificadoras y no imprimibles, como Mayús, Esc y Eliminar eventos de pulsación de disparo, pero no eventos de pulsación de tecla. Pueden surgir otras diferencias entre los dos eventos según la plataforma y el navegador. (https://api.jquery.com/keypress/)

En algunos casos keyup no se desea o que tiene otros efectos indeseables y keydown es suficiente, por lo que una manera de manejar esto es usar keydown de atrapar todas las pulsaciones a continuación, establecer un tiempo de espera de un intervalo corto de modo que se ingrese la clave, luego haga el procesamiento allí después.

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