JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
  <canvas id="canvas" width="500" height="500" style="cursor: crosshair; background-color: rgb(255, 255, 255); background-image: none;"></canvas>
</div>

JavaScript

var canvas = document.getElementById("canvas");
canvas.addEventListener("mousemove", function (e) {
  console.log("mousemove");
}, false);
canvas.addEventListener("mouseup", function (e) {
  console.log("mouseup");
}, false);