JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas_element"></canvas>
<div id="output"></div>

JavaScript

$('#canvas_element').on("mousedown mouseup", function(e) {
    $('#output').text($('#output').text() + (e.type + " event fired at coords: " + e.pageX + ", " + e.pageY));
});


var e = jQuery.Event( "mousedown", { pageX: 1, pageY: 1 } );
$('#canvas_element').trigger(e);