Question

I’m building a JavaScript game where audio plays and based on the audio you’re supposed to type some text into a big textbox. JavaScript is used to score your answer and then clear the textbox to prepare for the next audio clip.

The problem: In some cases when pressing the esc (escape) key while focused within an empty <input type="text" />, the textbox gets populated with some old text.

I’m using MooTools and have tried using event.stop() (which stops propagating and also executes preventDefault) within keypress, keydown, and keyup with no luck.

How can I prevent the [esc] button from changing the value within a textbox?

(This is important because I’m using the [esc] key as a keyboard shortcut to replay the audio)

Answer 1

I was able to fix this by just calling blur() and then focus() on the input box. That cleared the problem in Firefox for me at least.