Question

20

How can I disabling backspace key press on all browsers?

rated 0 times [ 21] [ 1] / answers: 1 / hits: 30166 / 13 Years ago, fri, june 10, 2011, 12:00:00

I'm trying to disable the backspace button on an order page in all cases except when a textarea or text input is an active element to prevent users from accidentally backing out of an order. I have it working fine in most browsers, but in IE (testing in IE9, both regular and compatibility mode) it still allows the user to hit the backspace and go to the previous page.

Here's the code:

$(document).keypress(function(e){

        var activeNodeName=document.activeElement.nodeName;

        var activeElType=document.activeElement.type;

        if (e.keyCode==8 && activeNodeName != 'INPUT' && activeNodeName != 'TEXTAREA'){

            return false;

        } else {

            if (e.keyCode==8 && activeNodeName=='INPUT' && activeElType != 'TEXT' && activeElType != 'text'){

                return false;

            }

        }

    });

Any advice on what I'm doing wrong here?

Thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lucianod

Add To Favorites

Follow

Total Points: 667

Total Questions: 106

Total Answers: 92

Location: Jordan

Member since Thu, Aug 5, 2021

3 Years ago

lucianod questions

1 Angular Material MatToolTip show up only when the element is truncated

Tue, Feb 9, 21, 00:00, 3 Years ago

1 How to catch server errors in Nuxt.js so it doesn't crash page render? (Vue)

Wed, Feb 3, 21, 00:00, 3 Years ago

1 How to use window.postmessage to communicate with parent window

Thu, Aug 6, 20, 00:00, 4 Years ago

1 ESM import on webpackConfig

Sat, Jul 25, 20, 00:00, 4 Years ago

1 Snackbar Vuetify - override method after timeout

Tue, Oct 30, 18, 00:00, 6 Years ago

View All

answered 13 Years ago piper · Accepted Answer

I think you're overcomplicating that. Rather than checking for an active element, find the event target instead. This should give you the information you need. It's also better to use keydown rather than keypress when there is no visible character. Finally, it's better to use e.preventDefault() for better granularity.

$(document).keydown(function(e) {

    var nodeName = e.target.nodeName.toLowerCase();



    if (e.which === 8) {

        if ((nodeName === 'input' && e.target.type === 'text') ||

            nodeName === 'textarea') {

            // do nothing

        } else {

            e.preventDefault();

        }

    }

});

NB I could have done this the other way round, rather than an empty if block and all the code going in the else block, but I think this is more readable.