JSFiddle - React, Tailwind, and code Playground

HTML

<div id="workspace" onmousedown()></div>

CSS

#workspace {
    background-color: blue;
    width: 500px;
    height: 500px;
}

JavaScript

document.getElementById('workspace').addEventListener('mousedown', function (e) {
    e.preventDefault();
    
    if(3 === e.which) alert('right click!');
    else alert('left click!');
}, false);



teste = functio(){
alert("teste");
}