为什么按钮会导致我的整个网页重新加载？

Question

I have a web page I'm working on with jQuery. I'm getting erratic behavior from some elements on my page: Every time a button, any button, on the page is clicked, the page refreshes.

The page must somehow be running some code that reloads that page any time a button is clicked.

I'm completely stumped trying to figure out where the code is getting bound to the click handler, so I would like to know if it is possible to enumerate, at run-time, a list of handlers attached to a button.

After reading the answers given below, I changed a line in my page:

<button id="btnSaveAndContinue" class="button" tabindex="290">Save and Continue</button>

to this:

<input type='button' id="btnSaveAndContinue" class="button" tabindex="290" value='Save and Continue' />

Answer 1

This is the default behaviour of a button. If you want to change it, do something like this:

$("button selector").click( function(event) {
  event.preventDefault();
});

Answer 2

You have to stop the default behavior for the event with event.preventDefault() within your click handler.

See this