I am having two text boxes with a reset and a submit button. The reset button is working fine. But when i enter something in those two text boxes and press esc, the values gets disappeared. Event acts like a reset button. I am not sure how to control it. Much appreciate your help... Thanks...

<input type="text" name="" /> <input type="text" name="" /> 

<input type="button" value="Search" /> <input type="reset" value="Reset" />

I am having two text boxes with a reset and a submit button. The reset button is working fine. But when i enter something in those two text boxes and press esc, the values gets disappeared. Event acts like a reset button. I am not sure how to control it. Much appreciate your help... Thanks...

<input type="text" name="" /> <input type="text" name="" /> 

<input type="button" value="Search" /> <input type="reset" value="Reset" />

• javascript
• jquery
• html

Share Improve this question Follow edited Apr 20, 2012 at 15:15 Yorgo 2,67811 gold badge1717 silver badges2525 bronze badges asked Apr 20, 2012 at 11:02 steevesteeve 69944 gold badges1010 silver badges2121 bronze badges 7

• <input type="text" name="" /> <input type="text" name="" /> input type="button" value="Search" /> <input type="reset" value="Reset" /> – steeve Commented Apr 20, 2012 at 11:05
• 1 You'll have to provide more code than that. – Goldie Commented Apr 20, 2012 at 11:19
• 1 @Riyas see this once, I couldn't find any reset functionality when I press esc jsfiddle/xgTxK/1 – Valli69 Commented Apr 20, 2012 at 11:25
• Any JavaScript included in your page? – German Latorre Commented Apr 20, 2012 at 12:48
• @Riyas: when you provide code, write it in the question, not in ments – Alessandro Pezzato Commented Apr 20, 2012 at 13:02

 |  Show 2 more ments

2 Answers 2

Sorted by: Reset to default 3

It's working fine in all browsers http://jsfiddle/xgTxK/2/

$(document).keydown(function (e) {
    if(e.keyCode==27){
        e.preventDefault();
    }
});

add above script in your code to prevent default functionality

I'm not sure if this is consistent across all browsers, but I've noticed esc button will typically reset the text typed in a text input, but only while still focused within the text input. Or to put another way, esc will reset the text if the onchange event hasn't occured yet.

And I would assume to prevent this would need to use JavaScript to capture the key events within the input and prevent the default behavior.