Javascript's onclick event causes the page to reload in IE8, but not in Firefox, Safari,Chrome and Opera? - Stack Overfl

I have an onclick event attached to a button. Clicking the button adds a text box to the target div.

The code is:

onclick="return addBlank("param1","param2");

The function addBlank does not have a return statement.

Clicking on the button behaves as intended in Firefox, Opera, Chrome and Safari - i.e., an empty text box is added to the target div and page is not reloaded.

Clicking on the button in IE8 forces a page reload and doesn't add anything to the target div.

Is there an onclick inpatibility that I'm missing here?

I appreciate your taking the time to read this doubt!

I have an onclick event attached to a button. Clicking the button adds a text box to the target div.

The code is:

onclick="return addBlank("param1","param2");

The function addBlank does not have a return statement.

Clicking on the button behaves as intended in Firefox, Opera, Chrome and Safari - i.e., an empty text box is added to the target div and page is not reloaded.

Clicking on the button in IE8 forces a page reload and doesn't add anything to the target div.

Is there an onclick inpatibility that I'm missing here?

I appreciate your taking the time to read this doubt!

• javascript
• firefox
• internet-explorer-8
• dom-events

Share Improve this question Follow edited May 28, 2020 at 12:38 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Apr 26, 2010 at 18:13 Mallika IyerMallika Iyer 71022 gold badges1212 silver badges2424 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

Why not add

return false;

to the end of the function then? It should prevent anything happening as a result of the onclick event.

IE is treating the button as a submit actor (i.e., clicking it submits the form)

The click handler needs to return false; to prevent this.

function addBlank( p1, p2 )
{
  // stuff
  return false;
}