Comment faire ça?

J'ai essayé:

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

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

mais ça ne marche pas ...

Si je fais la même chose sur l'événement keypress, cela fonctionne, mais je ne veux pas utiliser keypress car il génère le caractère tapé dans mon champ de saisie. J'ai besoin de pouvoir contrôler ça

mon code:

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

aucun caractère ne doit être ajouté dans mon entrée, à part ce que j'ajoute avec val () en fait, l'entrée de l'utilisateur doit être complètement ignorée, seule l'action d'appuyer sur la touche est importante pour moi

Utilisez .onkeydownet annulez la suppression avec return false;. Comme ça:

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

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

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

Ou avec jQuery, car vous avez ajouté une balise jQuery à votre question:

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

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

​

Avec jQuery

La propriété event.which normalise event.keyCode et event.charCode. Il est recommandé de regarder l'événement pour la saisie des touches du clavier.

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

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

event.key === "Retour arrière"

Plus récent et beaucoup plus propre: utilisation event.key. Fini les codes numériques arbitraires!

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

Documents Mozilla

Navigateurs pris en charge

Avez-vous essayé d'utiliser «onkeydown»? C'est l'événement que vous recherchez.

Il fonctionne avant l'insertion de l'entrée et vous permet d'annuler l'entrée de caractères.

C'est une vieille question, mais si vous vouliez attraper un événement de retour arrière lors de la saisie, et non keydown, keypress ou keyup - comme j'ai remarqué que l'une de ces fonctions interrompent certaines fonctions que j'ai écrites et provoquent des retards gênants avec le formatage automatique du texte : Vous pouvez intercepter un retour arrière en utilisant inputType:

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

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

Plus récent et beaucoup plus propre: utilisation event.key. Fini les codes numériques arbitraires!

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

Style moderne:

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

Documents Mozilla

Navigateurs pris en charge

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

sur les appareils Android utilisant Chrome, nous ne pouvons pas détecter un retour arrière. Vous pouvez utiliser une solution de contournement pour cela:

var oldInput = '',
    newInput = '';

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