Wie kann man die Rücktaste mit jQuery abfangen? [duplicate]

Es wird nicht angezeigt, dass die jQuery-Methoden keyup, keydown oder keypress ausgelöst werden, wenn die Rücktaste gedrückt wird. Wie würde ich das Drücken der Rücktaste abfangen?

Probier diese :

 $('html').keyup(function(e){if(e.keyCode == 8)alert('backspace trapped')})  

Reguläres Javascript kann verwendet werden, um die Rücktaste abzufangen. Sie können die Methode event.keyCode verwenden. Der Schlüsselcode ist 8, also würde der Code ungefähr so ​​aussehen:

if (event.keyCode == 8) {
    // Do stuff...
}

Wenn Sie nach beiden suchen möchten [delete] (46) sowie die [backspace] (8) Tasten, verwenden Sie Folgendes:

if (event.keyCode == 8 || event.keyCode == 46) {
    // Do stuff...
}

Arbeiten an der gleichen Idee wie oben, aber etwas verallgemeinernd. Da die Rücktaste bei den Eingabeelementen gut funktionieren sollte, sollte sie jedoch nicht funktionieren, wenn der Fokus ein Absatz oder so ist, da dort die Seite dazu neigt, zur vorherigen Seite im Verlauf zurückzukehren.

$('html').on('keydown' , function(event) {

        if(! $(event.target).is('input')) {
            console.log(event.which);
           //event.preventDefault();
           if(event.which == 8) {
            //  alert('backspace pressed');
            return false;
         }
        }
});

Rückgabe von false => Sowohl event.preventDefault als auch event.stopPropagation sind wirksam.

Das Standardverhalten für die Rücktaste in den meisten Browsern besteht darin, zur vorherigen Seite zurückzukehren. Wenn Sie tun nicht Wenn Sie dieses Verhalten wünschen, müssen Sie den Anruf sicherstellen preventDefault(). Aber wie das OP andeutet, wenn Sie es immer anrufen preventDefault() Sie machen es auch unmöglich, Dinge in Textfeldern zu löschen. Der folgende Code hat eine Lösung, die von dieser Antwort angepasst wurde.

Anstatt hartcodierte keyCode-Werte zu verwenden (einige Werte ändern sich je nach Browser, obwohl ich das für Backspace oder Delete nicht gefunden habe), jQuery hat keyCode-Konstanten bereits definiert. Dies macht Ihren Code lesbarer und kümmert sich für Sie um alle keyCode-Inkonsistenzen.

// Bind keydown event to this function.  Replace document with jQuery selector
// to only bind to that element.
$(document).keydown(function(e){

    // Use jquery's constants rather than an unintuitive magic number.
    // $.ui.keyCode.DELETE is also available. <- See how constants are better than '46'?
    if (e.keyCode == $.ui.keyCode.BACKSPACE) {

        // Filters out events coming from any of the following tags so Backspace
        // will work when typing text, but not take the page back otherwise.
        var rx = /INPUT|SELECT|TEXTAREA/i;
        if(!rx.test(e.target.tagName) || e.target.disabled || e.target.readOnly ){
            e.preventDefault();
        }

       // Add your code here.
     }
});