Skip to content

Instantly share code, notes, and snippets.

@Aarbel

Aarbel/mouse-drag-click-control.js

Created August 17, 2018 23:48
Show Gist options
  • Save Aarbel/42bf7418e69d790bb74182b2a4d966ce to your computer and use it in GitHub Desktop.
Save Aarbel/42bf7418e69d790bb74182b2a4d966ce to your computer and use it in GitHub Desktop.
Download ZIP
Way to know if the mouse moved during a click, and prevent event on click if needed. Usefull for THREE.js camera rotation
Raw
mouse-drag-click-control.js
let mouseMoved = false;
document.addEventListener('mousedown', () => {
mouseMoved = false;
}, false);
document.addEventListener('mousemove', () => {
mouseMoved = true;
}, false);
document.addEventListener('mouseup', (event) => {
if (mouseMoved === false) {
yourFunctionToTriggerForRealClick(event);
}
if (mouseMoved === true) {
yourFunctionToTriggerForDraggedClick(event);
}
}, false);
// WOHOO
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment