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

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


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)


Use jQuery. You need to capture the click event and then go on to the website.

$("#myHref").on('click', function() {  alert("inside onclick");  window.location = "http://www.google.com";});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><a href="#" id="myHref">Click me</a>