JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" style="-ms-touch-action: none; touch-action: none;">Click me</a>

<hr />
<em>
   <div class="Debug"></div>
</em>

JavaScript

$(function () {
            $('a').on({
                click: function (e) {
                    writeDebugText('click');
                },
                mousedown: function (e) {
                    writeDebugText('mousedown');
                },
                mouseenter: function (e) {
                    writeDebugText('mouseenter');
                },
                mouseleave: function (e) {
                    writeDebugText('mouseleave');
                }
            });
        });

        
        var last = new Date();
        function writeDebugText(text) {
            var o = $('div.Debug');
            var now = new Date();
            var diff = now.getTime() - last.getTime();
            o.html(text + " @ " + diff + " <br /> " + o.html());
            last = now;
        }