JSFiddle - React, Tailwind, and code Playground

HTML

<div id='mydiv'>
    <ul style="position: absolute; left: 0; top: 0; z-index: 100">...</ul>
    <canvas style="position: absolute; left: 0; top: 0">...</canvas>
</div>

JavaScript

$('canvas').on('mousedown', function(ev) {
    console.log(ev.target);
});
$('ul').on('mousedown', function(ev){
    $('canvas').mousedown();
});