I have a script that allows the user to enter a number into a text box and then click the button (type="button" not submit) and then it just updates a <div> with the calculated value. That all works fine. My problem is that if I just entered the number into the textbox and then I hit the enter key while my cursor is still inside the text box it refreshes the page instead of executing the javascript that it is supposed to. Originally I thought I had just made a stupid mistake and made it type="submit" instead of "button" but thats not it.

Any ideas? Thanks

Can we see the code for the form?

disable the enter key.

<script type="text/javascript">

function killEnter(keyEvent) {
  var keyEvent = (keyEvent) ? keyEvent : ((event) ? event : null);
  var node = (keyEvent.target) ? keyEvent.target : ((keyEvent.srcElement) ? keyEvent.srcElement : null);
  if ((keyEvent.keyCode == 13) && (node.type=="text"))  {return false;}
}

document.onkeypress = killEnter;

</script>

It may be overkill, but remember that in case you already have an onkeypress event, you must go through the DOM functions to stack several event handlers on one event.

https://developer.mozilla.org/en/DOM...dEventListener

try{
  document.addEventListener('keypress',killEnter, true);
}
catch(hello_my_name_is_IE){
  document.attacheEvent('onkeypress',killEnter);
}

Isnt there any ways that instead of killing the enter button I can just make it click the button. I would still like to give users the optipn of pressing the enter button if possible.

Thanks

In that case, rather than applying the killEnter function on the "document" element, assign it to the form input or the form itself (you need to test it).

It will have the effect of making that killEnter function called only when the focus is on specific elements, not anywhere on the page.