¿Como hacer eso?

Lo intenté:

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

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

pero no funciona ...

Si hago lo mismo en el evento de pulsación de tecla, funciona, pero no quiero usar la pulsación de tecla porque genera el carácter escrito en mi campo de entrada. Necesito poder controlar eso

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);
  });

no se debe agregar ningún carácter en mi entrada, además de lo que estoy agregando con val () en realidad, la entrada del usuario debe ignorarse por completo, solo la acción de presionar la tecla es importante para mí

Utilice .onkeydowny cancele la eliminación con return false;. Me gusta esto:

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

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

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

O con jQuery, porque agregó 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;
  });
});

​

Con jQuery

La propiedad event.which normaliza event.keyCode y event.charCode. Se recomienda ver event.which para la entrada de teclas del teclado.

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

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

event.key === "Retroceso"

Más reciente y mucho más limpio: uso event.key. ¡No más códigos numéricos arbitrarios!

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

Documentos de Mozilla

Navegadores compatibles

¿Ha intentado usar 'onkeydown'? Este es el evento que busca.

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

Es una vieja pregunta, pero si desea capturar un evento de retroceso en la entrada, y no presionar una tecla, presionar una tecla o presionar una tecla, ya que he notado que cualquiera de estas funciones rompe ciertas funciones que he escrito y causa retrasos incómodos con el formato de texto automatizado —Puedes atrapar un retroceso usando inputType:

document.getElementsByTagName('input')[0].addEventListener('input', function(e) {
    if (e.inputType == "deleteContentBackward") {
        // your code here
    }
});

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

Más reciente y mucho más limpio: uso event.key. ¡No más códigos numéricos arbitrarios!

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

Estilo moderno:

input.addEventListener('keydown', ({key}) => {
    if (["Backspace", "Delete"].includes(key)) {
        return false
    }
})

Documentos de Mozilla

Navegadores compatibles

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

//Here's one example, not sure what your application is but here is a relevant and likely application 
function addDashesOnKeyUp()
{
    var tb = document.getElementById("tb1"); 
    var key = event.which || event.keyCode || event.charCode;

    if((tb.value.length ==3 || tb.value.length ==7 )&& (key !=8) ) 
    {
        tb.value += "-"
    } 
}

en dispositivos Android que usan Chrome, no podemos detectar un retroceso. Puede utilizar una solución alternativa para ello:

var oldInput = '',
    newInput = '';

 $("#ID").keyup(function () {
  newInput = $('#ID').val();
   if(newInput.length < oldInput.length){
      //backspace pressed
   }
   oldInput = newInput;
 })