Finalizar función

[elcaiaimar]

Hola a todos!

Tengo un problema con mi botón de exportar imagen png. Funciona correctamente, pues cuando le pincho puedo guardar la imagen. El problema viene cuando una vez pinchado (por primera vez), si paso el cursor por encima del botón, firefox empieza a ir muy lento.

Mi código es el siguiente:

button.addEventListener('click', function() {
map.once('postcompose', function(event) {
var canvas = event.context.canvas;
button.href = canvas.toDataURL('image/png');
button.download = 'mapa.png';
});
map.renderSync();
}, false);

Lo que ocurre es que, cuando pincho por primera vez en mi botón, lo toma como un botón normal. Sin embargo, una vez guardada la imagen, si paso el cursor por encima de él, lo reconoce como un enlace y entonces es cuando empieza a bloquearse e ir lento.

He probado a poner en el código que recargue la página cada vez que es pinchado y se guarde la imagen, porque así ya no lo reconoce como enlace, pero no es lo que estoy buscando. Lo que busco es poder finalizar la función, es decir, una vez pinchado el botón y guardada la imagen, que el botón se vuelva a comportar como lo hacía antes de haberlo pinchado por primera vez.

Muchas gracias!