HTML tag <a> want to add both href and onclick working

javascript html tags onclick href
user1589113 picture user1589113 · Feb 14, 2013 · Viewed 515.8k times · Source

I'd like to ask about HTML tag 

<a href="www.mysite.com" onClick="javascript.function();">Item</a>

How to make this a tag working with href and onClick? (prefer onClick running first then href)

Answer

Ian picture Ian · Feb 14, 2013

You already have what you need, with a minor syntax change:

<a href="www.mysite.com" onclick="return theFunction();">Item</a>

<script type="text/javascript">
    function theFunction () {
        // return true or false, depending on whether you want to allow the `href` property to follow through or not
    }
</script>

The default behavior of the <a> tag's onclick and href properties is to execute the onclick, then follow the href as long as the onclick doesn't return false, canceling the event (or the event hasn't been prevented)

Related questions

How to get current formatted date dd/mm/yyyy in Javascript and append it to an input

I would like to add a current date to a hidden HTML tag so that it can be sent to the server: <input type="hidden" id="DATE" name="DATE" value="WOULD_LIKE_TO_ADD_DATE_HERE"> How can …

Read More
javascript get element's tag

Lets say this is my HTML: <div id="foo"> <input id="goo" value="text" /> <span id="boo"> </span> </div> I would like to be able to determine what tag belongs …

Read More
How does the location of a script tag in a page affect a JavaScript function that is defined in it?

I read that you should define your JavaScript functions in the <head> tag, but how does the location of the <script> (whether in the <head>, <body>, or any other tag) affect a …

Read More