JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner">
    </div>
</div>

JavaScript

$(document).ready(function() {
        
    $(document).on('mousedown', function(event) {
        var simulatedEvent = document.createEvent("MouseEvent");
        simulatedEvent.initMouseEvent('mouseup', true, true, window, 1,
          event.pageX, event.pageX, event.pageX, event.pageX, false, false, false, false, 0, null);

        event.target.dispatchEvent(simulatedEvent);
        event.preventDefault();
    });

    $(document).on('mouseup', 'a.link', function (event) {
        return false;
    });
    
    document.getElementById('outer').addEventListener('mouseup', function (event) {
    //$('#outer').on('mouseup', function (event) {
        alert('This alert should not show up!');
    }, false);

    $('#inner').append('<a href="#" class="link">Click me!!!</a>');
});