Rileva l'evento backspace e del delta "input"?

Question

Come fare?

ho provato:

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

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

ma non funziona ...

Se lo faccio lo stesso sull'evento pressione dei tasti funziona, ma io non voglio usare pressione di un tasto perché emette il carattere digitato nel mio campo di input. Ho bisogno di essere in grado di controllare che

---

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 personaggio dovrebbe essere aggiunto nel mio ingresso, oltre a quello che sto aggiungendo con val() in realtà l'input dal l'utente dovrebbe essere completamente ignorato, per me è importante solo la pressione del tasto.

Answer 1

Utilizzare .onkeydown e 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é si è 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; 
    }); 
}); 

Answer 2

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

Funziona prima dell'inserimento dell'ingresso e consente di annullare l'immissione del carattere.

Answer 3

Con jQuery

Il event.which La proprietà normalizza event.keyCode ed event.charCode. Si raccomanda di guardare event.which per l'input da tastiera.

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 === "Backspace"

più recente e molto più pulito: usare event.key. Niente più codici di numeri arbitrari!

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"

più recente e molto più pulito: utilizzare event.key. Niente più codici di numeri arbitrari!

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

Mozilla Docs

Supported Browsers