Wie geht das?

Ich habe es versucht:

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

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

aber es funktioniert nicht ...

Wenn ich beim Tastendruckereignis dasselbe mache, funktioniert es, aber ich möchte keinen Tastendruck verwenden, da das eingegebene Zeichen in meinem Eingabefeld ausgegeben wird. Ich muss das kontrollieren können

Mein 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);
  });

In meiner Eingabe sollte kein Zeichen angehängt werden. Abgesehen davon, was ich mit val () hinzufüge, sollte die Eingabe des Benutzers vollständig ignoriert werden. Nur das Drücken der Taste ist für mich wichtig

Verwenden Sie .onkeydowndas Entfernen mit und brechen Sie es ab return false;. So was:

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

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

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

Oder mit jQuery, weil Sie Ihrer Frage ein jQuery-Tag hinzugefügt haben:

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

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

Wenn Sie

Mit jQuery

Die event.which Eigenschaft normalisieren event.keyCode und event.charCode. Es wird empfohlen, event.which für die Tastatureingabe zu beobachten.

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

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

event.key === "Rücktaste"

Neuere und viel sauberere: verwenden event.key. Keine willkürlichen Nummerncodes mehr!

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

Mozilla Docs

Unterstützte Browser

Haben Sie versucht, 'onkeydown' zu verwenden? Dies ist die Veranstaltung, die Sie suchen.

Es funktioniert, bevor der Eingang eingefügt wird, und ermöglicht es Ihnen, die Zeicheneingabe abzubrechen.

Es ist eine alte Frage, aber wenn Sie ein Backspace-Ereignis bei der Eingabe abfangen möchten und nicht Keydown, Tastendruck oder Keyup - da ich bemerkt habe, dass eine dieser Funktionen bestimmte Funktionen, die ich geschrieben habe, unterbricht und bei der automatisierten Textformatierung unangenehme Verzögerungen verursacht - Mit inputType können Sie eine Rücktaste abfangen:

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

$('div[contenteditable]').keydown(function(e) {
// trap the return key being pressed
if (e.keyCode === 13 || e.keyCode === 8)
{
    return false;
}
});

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

Neuere und viel sauberere: verwenden event.key. Keine willkürlichen Nummerncodes mehr!

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

Moderner Stil:

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

Mozilla Docs

Unterstützte Browser

//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 += "-"
    } 
}

Auf Android-Geräten mit Chrome können wir keine Rücktaste erkennen. Sie können die Problemumgehung dafür verwenden:

var oldInput = '',
    newInput = '';

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