How to execute a href without redirection

Question

I want to execute a href without redirecting me to the page. execution in background. here is my code

    <a id="speechOutputLink" href="http://translate.google.com/translate_tts?tl=fr&q=text" rel="noreferrer" >Download</a>

When i click on the the href Download i don't want to be redirected to the page of google translator. How can i do this?

Answer 1

Use jQuery's event.preventDefault() method:

If this method is called, the default action of the event will not be triggered.

$('a#speechOutputLink').on('click', function(e) {
    e.preventDefault();

    ...
});