How to disable the default behaviour of the backspace button in the browser

Question

I want to create a webpage that listens to keypress event for the body to get what the user is typing including backspace for removing the last letter that the user has typed.

So how can I disable the default behaviour of the backspace button (go back) in the browser to achieve that ?

score 0 · Answer 1 · answered Feb 12 '16 at 13:07

0

You can disable backspace with keydown event:

$('html').bind('keydown', function (e) {
        if (e.keyCode == 8) {
            return false;
        }
    });

answered Feb 12 '16 at 13:07

alexey

783
1
7
19

And you just prevented anyone from deleting text in any inputs. – epascarello Feb 12 '16 at 13:12
Yes. Question was "How can I disable the default behaviour of the backspace button (go back) in the browser" – alexey Feb 12 '16 at 13:15
Means user wants to prevent the backsapce button from navigating the page back to the previous page in the history. – epascarello Feb 12 '16 at 13:16

score 0 · Answer 2 · answered Feb 12 '16 at 13:11

i hope this will work for you .

$(document).unbind('keydown').bind('keydown', function (event) {
var doPrevent = false;
if (event.keyCode === 8) {
    var d = event.srcElement || event.target;
    if ((d.tagName.toUpperCase() === 'INPUT' && 
         (
             d.type.toUpperCase() === 'TEXT' ||
             d.type.toUpperCase() === 'PASSWORD' || 
             d.type.toUpperCase() === 'FILE' || 
             d.type.toUpperCase() === 'SEARCH' || 
             d.type.toUpperCase() === 'EMAIL' || 
             d.type.toUpperCase() === 'NUMBER' || 
             d.type.toUpperCase() === 'DATE' )
         ) || 
         d.tagName.toUpperCase() === 'TEXTAREA') {
        doPrevent = d.readOnly || d.disabled;
    }
    else {
        doPrevent = true;
    }
}

if (doPrevent) {
    event.preventDefault();
}

});

How to disable the default behaviour of the backspace button in the browser

2 Answers2