What are the proper typescript types for addEventListener mousemove and it’s event argument? Being explicit will set you free: onMouseMove: { (event: MouseEvent): void } = (event: MouseEvent) => { } Or, let TypeScript infer it from assignment 🌹: onMouseMove = (event: MouseEvent) => { }
For parity between desktop and touch you have the following equivalences: mousedown === touchstart mousemove === touchmove mouseup === touchend Thus if you handle mousedown, mousemove and mouseup then you don’t need to handle the corresponding equivalent events under touch. The same handlers should be executing.
The accepted answer didn’t work for me in Chrome. Here’s how I solved it: function relativeCoords ( event ) { var bounds = event.target.getBoundingClientRect(); var x = event.clientX – bounds.left; var y = event.clientY – bounds.top; return {x: x, y: y}; }
Is jQuery an option for you? It makes what you are doing really simple since the code already exists. http://jqueryui.com/demos/draggable/ Demo JavaScript Code window.onload = addListeners; function addListeners(){ document.getElementById(‘dxy’).addEventListener(‘mousedown’, mouseDown, false); window.addEventListener(‘mouseup’, mouseUp, false); } function mouseUp() { window.removeEventListener(‘mousemove’, divMove, true); } function mouseDown(e){ window.addEventListener(‘mousemove’, divMove, true); } function divMove(e){ var div = document.getElementById(‘dxy’); div.style.position … Read more
It appears to be seeding a random number generator with your mouse movements. The mouse move handler itself does something along the lines of the following: var b = ((event.X << 16) + event.Y) * (new Date().getTime() % 1000000); c = c * b % d; if (previousMouseMoveHandler) previousMouseMoveHandler.call(arguments); d is (screen.width * screen.width + … Read more