Search by Queries/Bugs/Errors

Get the href link on click anchor in javascript

Created at 25-Aug-2021 , By samar

In this article, we will see how to solve "Get the href link on click anchor in javascript".

You can get the href link on click of anchor tag in javascript. On click event we can get the href value of the anchor tag and redirect to that link and anything which you want to do with the href link.

Get href link on click anchor tag in javascript/jQuery

<a id="anchorBtn" href="https://w3codegenerator.com"> w3codegenerator </a>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$('#anchorBtn').on('click', function(e){
    e.preventDefault();
    let href = e.target.href;
    alert(href);
});
</script>

Back to code snippet queries related jquery

If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.

Don't forget to share this article! Help us spread the word by clicking the share button below.

We appreciate your support and are committed to providing you valuable and informative content.

We are thankful for your never ending support.

Bootstrap C C++ Cmd CodeIgniter Css Drupal Git Html Java Javascript Jquery Laravel Mongodb Nodejs Php Python React Sql Typescript Vuejs Wordpress

Get the href link on click anchor in javascript

Get href link on click anchor tag in javascript/jQuery

Random Code Snippet Queries: Jquery

Latest Code Snippets