JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
  <ul>
    <li><a href="#div1">div1</a></li>
    <li><a href="#div2">div2</a></li>
    <li><a href="/page2#div1">div3</a></li>
  </ul>
</div>

<div id="div1">
  div1
</div>
<div id="div2">
  div2
</div>
<div id="div3">
  div3
</div>

CSS

div {
  height: 200px;
  border: 1px solid black;
}

JavaScript

$("a").on("click", function(e) {
    var hasUrl = $(this).attr('href').split('#')[0];
    alert(hasUrl == "")
    if(hasUrl == "") {
      return false;
    } else {
      alert('redirect');
    }
})