How to avoid navigate back when the user types backspace on a HTML text input?

Question

Backspace is the browser hotkey for Navigate Back To The Last Page. I know that when an input has the focus this hotkey is disabled. But I have keyup and keydown events binded to this input, and something I wrote is causing this trouble.

Do you know the solution?

Answer 1

when you have handled the event from the input element, cancel that event's bubbling before returning.

Answer 2

The problem was caused by the input removal before returning the onKeyDown event.

Answer 3

try this on you onKeyDown or onKeyPress even

if (event.keyCode==8)//where 8 ascii code of backspace { retunr; }

Answer 4

You can try to hook into window.onbeforeunload event to prevent such accidental navigation.

Answer 5

That you can make:

1. You can set a listener for InputField and look all keydown events.
2. In event listener you can make a buffer variable, which have a real InputField value.

So, if you accept a not Backspace code then new value of buffer will be InputField value and you make use your hotKeyFunction, else new value of InputField will be buffer value and you get a normal working of InputField.

Answer 6

I had a similar need i.e. to neutralize the Back action caused by Backspace key and I came across a solution on this site

http://www.webmasterworld.com/javascript/3785986.htm

I hope it will help you.