JSFiddle - React, Tailwind, and code Playground

JavaScript

let drag = false

let downListener = () => {
	drag = false
}

let moveListener = () => {
	drag = true
}

let upListener = () => {
	if (drag) {
  	console.log('Drag Detected')
  } else {
  	console.log('Click Detected')
  }
}


window.addEventListener('mousedown', downListener)
window.addEventListener('mousemove', moveListener)
window.addEventListener('mouseup', upListener)