How can I disabling backspace key press on all browsers?

后端未结

关注

 9  1119

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 backin

相关标签:

9条回答

天命终不由人

2020-12-15 10:35
The most Simple thing you can do is add the following one line in the very first script of you page at very first line
```
window.history.forward(1);
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
南笙

2020-12-15 10:36

Use e.which instead of e.keyCode; jQuery normalizes this value across browsers.

http://api.jquery.com/keydown/

To determine which key was pressed, examine the event object that is passed to the handler function. While browsers use differing properties to store this information, jQuery normalizes the .which property so you can reliably use it to retrieve the key code.

Then, use e.preventDefault(); to prevent the default behaviour of moving to the previous page.

0 讨论(0)
发布评论:

提交评论
- 加载中...
刺人心

2020-12-15 10:37
Instead of keypress, try the keydown function, it will fire before the actual browser based hook. Also, putting in a preventDefault() function will assist in this. IE :
```
$(document).keydown(function(e){
   e.preventDefault();
   alert(e.keyCode);
});
```
Hope this helps.
0 讨论(0)
发布评论:

提交评论
- 加载中...

無奈伤痛

2020-12-15 10:38

Most examples seem to be for the JQuery framework - Here an example for ExtJS

(I've been getting a lot of downvotes for this recently as the question now has JQuery tag on it, which it didn't previously. I can remove the answer if you like as isn't for JQuery but it's proven to help others not using that framework).

To use this add this code block to your code base, I recommend adding it inside the applications init function().

    /**
     * This disables the backspace key in all browsers by listening for it on the keydown press and completely
     * preventing any actions if it is not which the event fired from is one of the extjs nodes that it should affect
     */
    Ext.EventManager.on(window, 'keydown', function(e, t) {     
       var nodeName = e.target.nodeName.toLowerCase();
        if (e.getKey() == e.BACKSPACE) {
            if ((nodeName === 'input' && e.target.type === 'text') ||
                nodeName === 'textarea') {
                // do nothing
            } else {
                e.preventDefault();
            }
        }
    });

0 讨论(0)

孤独总比滥情好

2020-12-15 10:41

    <html>


<head>
<script type="text/javascript">


function stopKey(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if ((evt.keyCode == 8) && (node.type!="text"))  {return false;}
}

document.onkeypress = stopKey;


    </script>

</head>
<body onkeydown="return stopKey()">
<form>
    <input type="TEXTAREA" name="var1" >
    <input type="TEXT" name="var2" >

</form>
</body>
</html

I had to add the onDownKey attribute to the body in order to get editing keys to go to the functions.

0 讨论(0)

失恋的感觉

2020-12-15 10:47

$(document).keydown(function(e) {
    var elid = $(document.activeElement).is('input');
    if (e.keyCode === 8 && !elid) {
        return false;
    }
});

Hope this might help you

0 讨论(0)

1 2 下一页