🖱️ Mouse Up & Down for Left, Middle, Right, & other clicks

index.html

<script>
const onMouseDown = e => [
  e => {console.log('Down "Left" at ' + e.x + 'x' + e.y) },
  e => {console.log('Down "Middle" at ' + e.x + 'x' + e.y);},
  e => {console.log('Down "Right" at ' + e.x + 'x' + e.y);},
  e => {console.log('Down "Back" at ' + e.x + 'x' + e.y)},
  e => {console.log('Down "Forward" at ' + e.x + 'x' + e.y);},
][e.button](e);

const onMouseUp = e => [
  e => {console.log('Up "Left" at ' + e.x + 'x' + e.y) },
  e => {console.log('Up "Middle" at ' + e.x + 'x' + e.y);},
  e => {console.log('Up "Right" at ' + e.x + 'x' + e.y);},
  e => {console.log('Up "Back" at ' + e.x + 'x' + e.y)},
  e => {console.log('Up "Forward" at ' + e.x + 'x' + e.y);},
][e.button](e);

addEventListener('mousedown', onMouseDown);
addEventListener('mouseup', onMouseUp);
addEventListener('contextmenu', e => e?.cancelable && e.preventDefault());
</script>