Wykryj backspace i del na zdarzeniu "input"?

Question

Jak to zrobić?

Próbowałem:

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

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

ale to nie działa ...

Jeśli zrobić to samo w przypadku naciśnięcia klawisza to działa, ale nie chcę używać przyciśnięcie bo nim wypisuje wpisany znak w moim polu wejściowym. Muszę być w stanie kontrolować tego

---

mój kod:

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

żaden znak powinien być dołączany w moim wejściu, oprócz co Dodaję z val() faktycznie sygnał z użytkownik powinien być całkowicie ignorowany, tylko kluczowa akcja jest dla mnie ważna.

Answer 1

Użyj .onkeydown i anuluj usunięcie za pomocą return false;. Tak:

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

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

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

---

Lub z jQuery, bo dodał tag do Twojego pytania jQuery:

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

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

Answer 2

Czy próbowałeś używać "onkeydown"? To jest wydarzenie, którego szukasz.

Działa przed wstawieniem wejścia i pozwala anulować wejście char.

Answer 3

z jQuery

event.which Właściwość normalizuje kod zdarzenia.keyCode i event.charCode. Zaleca się oglądanie zdarzenia, które służy do wprowadzania za pomocą klawiatury.

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"

Nowsze i znacznie czystsze: użyj event.key. Nie więcej arbitralnych kodów numerów!

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 z event.key === "Backspace" or "Delete"

nowsza i znacznie czystsze: użyj event.key. Nie więcej arbitralnych kodów numerów!

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

Mozilla Docs

Supported Browsers