Come farlo?

Provai:

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

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

ma non funziona ...

Se faccio lo stesso sull'evento keypress funziona, ma non voglio usare keypress perché restituisce il carattere digitato nel mio campo di input. Devo essere in grado di controllarlo

il mio codice:

  $('#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);
  });

nessun carattere dovrebbe essere aggiunto al mio input, oltre a quello che sto aggiungendo con val () in realtà l'input dell'utente dovrebbe essere completamente ignorato, solo l'azione premendo il tasto è importante per me

Utilizzare .onkeydowne annullare la rimozione con return false;. Come questo:

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

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

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

O con jQuery, perché hai aggiunto un tag jQuery alla tua domanda:

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 proprietà event.which normalizza event.keyCode e event.charCode. Si consiglia di guardare event.which per l'inserimento dei tasti della tastiera.

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

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

event.key === "Backspace"

Più recente e molto più pulito: usa event.key. Niente più codici numerici arbitrari!

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

Mozilla Docs

Browser supportati

Hai provato a usare "onkeydown"? Questo è l'evento che stai cercando.

Funziona prima dell'inserimento dell'input e consente di annullare l'inserimento di caratteri.

È una vecchia domanda, ma se si desidera rilevare un evento di backspace in input, e non keydown, keypress o keyup, poiché ho notato che ognuna di queste interrompe alcune funzioni che ho scritto e causa ritardi imbarazzanti con la formattazione automatica del testo —Puoi catturare un backspace usando inputType:

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

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

Più recente e molto più pulito: usa event.key. Niente più codici numerici arbitrari!

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

Stile moderno:

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

Mozilla Docs

Browser supportati

$('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 += "-"
    } 
}

sui dispositivi Android che utilizzano Chrome non siamo in grado di rilevare un backspace. Puoi usare una soluzione alternativa per questo:

var oldInput = '',
    newInput = '';

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