JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#">Click me</a>
</div>


<pre class="log"></pre>

JavaScript

$(function() {
        
    // middle click triggers this
    $('div a').on('mouseup', function(ev) {
        ev.preventDefault();
        $('.log').append(Date.now() + ' one click\n');
    });
    
    // middle click doesn't trigger this
    $('div').on('mouseup', 'a', function(ev) {
        ev.preventDefault();
        $('.log').append(Date.now() + ' two click\n');
    });

});