jquery - charcode - event delete key javascript

jQuery: keyPress Backspace 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 se doSearch() la tecla Retroceso . Por el momento, no ocurre absolutamente nada cuando presiono Retroceso en Chrome y Safari.

¿algunas ideas?

Answer 1

De acuerdo con la documentación de jQuery para .keypress (), no captura los caracteres no imprimibles, por lo que el retroceso no funcionará con la pulsación de tecla, pero está atrapado en la tecla y la tecla:

El evento de pulsación de tecla se envía a un elemento cuando el navegador registra la entrada del 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, no es deseable la tecla o tiene otros efectos indeseables y la clave es suficiente, por lo que una forma de manejar esto es usar keydown para capturar todas las teclas y establecer un tiempo de espera de un intervalo corto para que se ingrese la clave, luego procesamiento allí después

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

Answer 2

Me encontré con esto yo mismo. .on así que se ve un poco diferente, pero hice esto:

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

Agregando mi trabajo por aquí. Necesitaba borrar ssn tipeado por 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 activar el evento solo en los cambios de su uso de entrada:

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

Answer 4

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