¿Por qué un botón hace que se recargue toda mi página web?

Question

Tengo una página web en la que estoy trabajando con jQuery. Obtengo un comportamiento errático de algunos elementos en mi página: cada vez que se hace clic en un botón, cualquier botón, la página se actualiza.

De alguna manera, la página debe ejecutar algún código que vuelva a cargar esa página cada vez que se haga clic en un botón.

Estoy completamente perplejo al tratar de averiguar dónde se está atando el código al controlador de clics, por lo que me gustaría saber si es posible enumerar, en tiempo de ejecución, una lista de controladores asociados a un botón .

Actualización: Después de leer las respuestas dadas a continuación, he cambiado de una línea en mi página:

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

a esto:

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

Answer 1

Este es el comportamiento por defecto de un botón. Si desea cambiarlo, hacer algo como esto:

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

Answer 2

usted tiene que parar el comportamiento por defecto para el evento con event.preventDefault() dentro de su manejador click.

Ver this