Come intrappolare il tasto backspace usando jQuery?

Question

Non sembra che i metodi jQuery keyup, keydown o keypress vengano attivati ​​quando si preme il tasto backspace. Come intrappolare la pressione del tasto backspace?

Answer 1

provare questo:

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

Answer 2

È possibile utilizzare javascript normale per intercettare il tasto backspace. È possibile utilizzare il metodo event.keyCode. Il codice di accesso è di 8, in modo che il codice sarebbe simile a questa:

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

Se si desidera controllare sia per il [delete] (46), così come la [backspace] (8) le chiavi, utilizzare il seguente :

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

Answer 3

Lavorando sulla stessa idea come sopra, ma generalizzando un po '. Poiché il backspace dovrebbe funzionare correttamente sugli elementi di input, ma non dovrebbe funzionare se lo stato attivo è un paragrafo o qualcosa del genere, poiché è lì dove la pagina tende a tornare alla pagina precedente nella cronologia.

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

ritorno falsa => sia event.preventDefault e event.stopPropagation sono a tutti gli effetti.

Answer 4

Il comportamento predefinito per il backspace sulla maggior parte dei browser è di tornare alla pagina precedente. Se lo fai non vuoi questo comportamento è necessario per assicurarsi che la chiamata preventDefault(). Tuttavia, come indicato dall'OP, se lo chiami sempre preventDefault(), ti sarà anche impossibile eliminare le cose nei campi di testo. Il codice seguente ha una soluzione adattata da this answer.

Inoltre, piuttosto che utilizzare valori keyCode codificati in modo rigido (alcuni valori cambiano a seconda del browser, anche se non ho trovato che sia vero per Backspace o Delete), jQuery has keyCode constants già definito. Ciò rende il tuo codice più leggibile e si prende cura di eventuali incoerenze del codice chiave per te.

// 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. 
    } 
});