pointer-events: none;

<div id="crosshairCont"><canvas id="crosshair" height="450px" width="800px"></canvas></div>

#crosshairCont{
 z-index: 2;
 position: absolute;
 pointer-events: none;
}