JSFiddle - React, Tailwind, and code Playground

by madobon

HTML

<ul>
    <li><a id="d-return-false" href="#jump">d-return-true</a></li>
    <li><a id="d-return-true" href="#jump">d-return-false</a></li>
    <li><a id="j-return-false" href="#jump">j-return-false</a></li>
    <li><a id="j-return-true" href="#jump">j-return-true</a></li>
</ul>

<div id="jump">jumped!!</div>

CSS

#jump {
    margin-top: 600px;
}

JavaScript

'use strict';

document.addEventListener('click', function (event) {
    alert('called');
}, false);

document.getElementById('d-return-false').addEventListener('click', function (event) {
  return false;
}, false);

document.getElementById('d-return-true').addEventListener('click', function (event) {
  return true;
}, false);

$('#j-return-false').on('click', function (event) {
  return false;
});

$('#j-return-true').on('click', function (event) {
  return true;
});