JSFiddle - React, Tailwind, and code Playground

by Milan Karagunović

HTML

<a href="#">Link1</a>
<a href="#">Link2</a>
<a href="#">Link3</a>

<a href="http://google.com" target="blank">Google</a>

<span class="link">Link</span>

CSS

/*** Demo purpose ***********/
body {
    font-family: Sans-serif;
    font-size: 15px;
}
a,
span {
    display: block;
    margin: 10px 0;
}
/****************************/

.link {
    color: #0000ee;
    text-decoration: underline;
    cursor: pointer;
}
.link:active {
    color: red;
}

JavaScript

(function($) {
    
  $('a[href="#"]').attr('href','javascript:void(0);');
  // or  
  $('a[href="#"]').click(function(e) {
     e.preventDefault();
  });
    
  $('.link').click(function() {
    alert('Function executed');
  });

})(jQuery);