Sconti Amazon fino al 60
Prima di leggere aiutaci ad offrirti contenuti sempre di qualità
Seguici sui Social Network!

Nello sviluppo di sistemi web sicuramente ci sarà capitato di affrontare un problema abbastanza fastidioso che è quello dovuto al comportamento del browser alla pressione del tasto backspace. Infatti, se non siamo all’interno di componenti/campi di input, il browser interpreta quel comando come un “torna indietro”. Questo comportamento il più delle volte risulta essere non proprio gradito per diversi motivi come ad esempio perdita di dati o progressi di compilazione di un form all’interno di una pagina e così via.

Esistono diversi metodi per ovviare a questo problema, uno dei tanti ci viene offerto da JQuery.

Basterà infatti inserire questo blocco di codice javascript, all’interno di una document ready, per disabilitare il comportamento alla pressione del tasto backspace.

$(document).ready(function() {
    $(document).on("keydown", function(e) {
        if (e.which === 8 && !$(e.target).is("input[type='text']:not([readonly]), textarea")) {
            e.preventDefault();
        }
    });
}

Lascia una risposta

Please enter your comment!
Please enter your name here