HTML anchor link - href and onclick both

Question

I want to author an anchor tag that executes some JavaScript and then proceeds to go wherever the href was taking it  Invoking a function that executes my JavaScript and then sets window location or top location to the href location doesn t work for me   So  imagine I have an element with id  Foo  on the page  I want to author an anchor similar to    lt a href   Foo  onclick  runMyFunction    return false   gt Do it  lt  a gt    When this is clicked  I want to execute runMyFunction and then jump the page to  Foo  not cause a reload - using top location would cause it to reload the page    Suggestions  I am happy to use jQuery if it can help here

User · Answer

When doing a clean HTML Structure  you can use this    x000D   x000D    Jquery Code x000D     a link 1   click function e   x000D    e   preventDefault      x000D    var a   e   target   x000D    window   open     top    a   getAttribute   href       x000D      x000D   x000D    Normal Code x000D  element   document   getElementById    link 1      x000D  element   onClick   function  e    x000D    e   preventDefault      x000D     x000D    window   open     top    element   getAttribute   href       x000D      x000D   lt a href   Foo  id  link 1  gt Do it  lt  a gt  x000D   x000D   x000D

User · Answer

Just return true instead   The return value from the onClick code is what determines whether the link s inherent clicked action is processed or not - returning false means that it isn t processed  but if you return true then the browser will proceed to process it after your function returns and go to the proper anchor

User · Answer

lt a href   Foo  onclick  return runMyFunction     gt Do it  lt  a gt    and  function runMyFunction         code   return true      This way you will have youf function executed AND you will follow the link AND you will follow the link exactly after your function was successfully run

User · Answer

If the link should only change the location if the function run is successful  then do onclick  return runMyFunction     and in the function you would return true or false   If you just want to run the function  and then let the anchor tag do its job  simply remove the return false statement   As a side note  you should probably use an event handler instead  as inline JS isn t a very optimal way of doing things

[javascript] HTML anchor link - href and onclick both?

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to anchor