Search code examples
internet-explorereventsaudiosuppression

What event do I need to supress to stop IE from "Dinging" when I press enter in a text box?

On simple forms with one text box pressing enter submits the form (and this is great for easy search forms)

However on a form with multiple fields, pressing Enter in an input="text" box won't do anything (e.g. submit) but in IE it "Dings" as if you have tried to delete an undeletable object.

The question is... what event do I need to suppress in IE to stop this sound? e.g. if I have a username/password form, I DO want the enter key to submit the form, but I certainly don't want the "error" sound.

Example site with the sound: http://www.sears.com/shc/s/StoreLocatorView?storeId=10153&catalogId=12605 Just press Enter in any of the text fields. Ding!, Ding!, Ding!

Non-IE users, the sound is the: Program Events > Windows > Default Beep ("Windows XP Ding.wav")

Solution

  • Well it appears that this works:

    <!-- suppress sound (and suppress submit) -->
<input type="text" onkeypress="if(window.event.keyCode == 13){return false;}"/>

<!-- suppress sound (BUT allow submit) -->
<input type="text" onkeypress="if(window.event.keyCode == 13){this.form.submit();return false;}"/>