Capturer la pression de la touche "Supprimer" avec jQuery

Question

Lorsque j'utilise le code d'exemple de la documentation de jQuery pour le gestionnaire d'événements keypress, je ne parviens pas à capturer l'événement Delete clé. L'extrait ci-dessous va enregistrer 0 lorsque le Delete est pressée dans FireFox :

$(document).keypress(function(e) {
    console.log(e.which);       
});

Il semble qu'il doit y avoir un moyen de capturer la Delete mais comme il s'agit d'un terme ambigu, Google n'est pas d'un grand secours.

Answer 1

Vous ne devriez pas utiliser le keypress mais l'événement keyup ou keydown parce que le keypress est destiné aux caractères réels (imprimables). keydown est géré à un niveau inférieur, de sorte qu'il capturera toutes les clés non imprimées comme delete y enter .

Answer 2

$('html').keyup(function(e){
    if(e.keyCode == 46) {
        alert('Delete key released');
    }
});

Source : javascript char codes key codes de www.cambiaresearch.com

Answer 3

Codes clés Javascript

• e.keyCode \== 8 pour backspace
• e.keyCode \== 46 pour forward backspace ou delete dans l'écran du PC

A part ce détail, la réponse de Colin & Tod fonctionne.

Answer 4

Event.key === "Delete" (supprimer)

Plus récent et beaucoup plus propre : utiliser event.key . Plus de codes numériques arbitraires !

REMARQUE : Les anciennes propriétés ( .keyCode y .which ) sont dépréciés.

document.addEventListener('keydown', function(event) {
    const key = event.key; // const {key} = event; ES6+
    if (key === "Delete") {
        // Do things
    }
});

Docs Mozilla

Navigateurs pris en charge

Answer 5

Vous pouvez suivre la touche de suppression/retour arrière avec jQuery comme suit :

 $(document).keyup(function(e){
   if(e.key === "Backspace") {
    alert('Delete key/ backspace');
   }
 });