JSFiddle - React, Tailwind, and code Playground

HTML

<div>click me</div>

JavaScript

var div = document.querySelector('div');

function fn(e)
{
	if(e.target === div)
		div.innerHTML = 'event ' + e.type;
}

div.addEventListener('mousedown',fn);

div.addEventListener('mouseup',fn);

div.addEventListener('click',fn);

document.addEventListener('click',fn,true);