CODEWITHSUNDEEP
javascript
Jin Yong
Jin Yong

Reputation: 43768

Disable backspace and delete key with javascript in IE

Anyone know how can I disable backspace and delete key with Javascript in IE? This is my code below, but seems it's not work for IE but fine for Mozilla.

onkeydown="return isNumberKey(event,this)"

function isNumberKey(evt, obj)
{

    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode == 8 || charCode == 46) return false;

    return true;
}

Upvotes: 13

Views: 45263

Answers (4)

KooiInc
KooiInc

Reputation: 122906

update based on @JoeCoders comment and the 'outdatedness' of my answer, I revised it.

document.querySelector([text input element]).onkeydown = checkKey;
function checkKey(e) {
    e = e || event;
    return !([8, 46].indexOf(e.which || e.keyCode || e.charCode) > -1);
}

See also this jsFiddle

Upvotes: 5

Joel
Joel

Reputation: 19358

This event handler works in all the major browsers.

function onkeyup(e) {
    var code;
    if (!e) var e = window.event; // some browsers don't pass e, so get it from the window
    if (e.keyCode) code = e.keyCode; // some browsers use e.keyCode
    else if (e.which) code = e.which;  // others use e.which

    if (code == 8 || code == 46)
        return false;
}

You can attach the event to this function like:

<input onkeyup="return onkeyup()" />

Upvotes: 13

Alexei Syrtsov
Alexei Syrtsov

Reputation: 31

This code cancels backspace action.

window.onkeydown = function (event) {

    if (event.which == 8) { 

         event.preventDefault();   // turn off browser transition to the previous page 

                 // put here code you need 

        }; 

};

Upvotes: 3

Paresh Vaniya
Paresh Vaniya

Reputation: 51

$(document).keydown(function(e) {
    if (e.keyCode === 8) {
        var element = e.target.nodeName.toLowerCase();
        if ((element != 'input' && element != 'textarea') || $(e.target).attr("readonly")) {
            return false;
        }
    }
});

Upvotes: 2

Related Questions