¿Detecta el retroceso y el del evento de "entrada"?

Question

¿Cómo hacer eso?

me trataron:

var key = event.which || event.keyCode || event.charCode; 

if(key == 8) alert('backspace'); 

pero no funciona ...

Si hago lo mismo en el caso de pulsación de tecla funciona, pero no quiero usar pulsación de tecla porque saca el caracter mecanografiado en mi campo de entrada. Tengo que ser capaz de controlar que

---

mi código:

$('#content').bind('input', function(event){ 

    var text = $(this).val(), 
     key = event.which || event.keyCode || event.charCode; 

    if(key == 8){ 
     // here I want to ignore backspace and del 
    } 

    // here I'm doing my stuff 
    var new_text = 'bla bla'+text; 
    $(this).val(new_text); 
    }); 

ningún carácter se debe anexar en mi entrada, además de lo que estoy añadiendo con val() realidad la entrada de la el usuario debe ser completamente ignorado, solo la acción de presionar la tecla es importante para mí

Answer 1

Use .onkeydown y cancele la eliminación con return false;. De esta manera:

var input = document.getElementById('myInput'); 

input.onkeydown = function() { 
    var key = event.keyCode || event.charCode; 

    if(key == 8 || key == 46) 
     return false; 
}; 

---

O con jQuery, ya que ha añadido una etiqueta jQuery a su pregunta:

jQuery(function($) { 
    var input = $('#myInput'); 
    input.on('keydown', function() { 
    var key = event.keyCode || event.charCode; 

    if(key == 8 || key == 46) 
     return false; 
    }); 
}); 

Answer 2

¿Ha intentado usar 'onkeydown'? Este es el evento que está buscando.

Funciona antes de que se inserte la entrada y le permite cancelar la entrada de caracteres.

Answer 3

con jQuery

El event.which La propiedad normaliza event.keyCode y event.charCode. Se recomienda mirar event.which para ingresar la clave del teclado.

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

jQuery('#input').on('keydown', function(e) { 
    if(e.which == 8 || e.which == 46) return false; 
}); 

Answer 4

$('div[contenteditable]').keydown(function(e) { 
// trap the return key being pressed 
if (e.keyCode === 13 || e.keyCode === 8) 
{ 
    return false; 
} 
}); 

Answer 5

event.key === "retroceso"

más reciente y mucho más limpia: el uso event.key. ¡No más códigos de números arbitrarios!

input.addEventListener('keydown', function(event) { 
    const key = event.key; // const {key} = event; ES6+ 
    if (key === "Backspace" || key === "Delete") { 
     return false; 
    } 
}); 

Mozilla Docs

Supported Browsers

Answer 6

keydown con event.key === "Backspace" or "Delete"

más reciente y mucho más limpia: event.key utilizar. ¡No más códigos de números arbitrarios!

input.addEventListener('keydown', function(event) { 
    const key = event.key; // const {key} = event; ES6+ 
    if (key === "Backspace" || key === "Delete") { 
     return false; 
    } 
}); 

Mozilla Docs

Supported Browsers