Tracking cursor position & improved mousemove event

cursor.ts

const cursor = (() => {
	const cursorEventTarget = Object.assign(document.createDocumentFragment(), {x: 0, y: 0});
	let changed = false;
	const onmove = (e:MouseEvent) => {
		if(cursorEventTarget.x !== e.x || cursorEventTarget.y !== e.y){
			cursorEventTarget.x = e.x;
			cursorEventTarget.y = e.y;
			changed = true;
		}
	};
	const ondown = (e:MouseEvent) => {
		cursorEventTarget.dispatchEvent(new MouseEvent('down', e));
		onmove(e);
	};
	const onup = (e:MouseEvent) => {
		cursorEventTarget.dispatchEvent(new MouseEvent('up', e));
	};
	(function loop(){
		if(changed){
			changed = false;
			cursorEventTarget.dispatchEvent(new Event('move'));
		}
		requestAnimationFrame(loop);
	})();
	document.addEventListener('mousedown', ondown);
	document.addEventListener('mouseup', onup);
	document.addEventListener('mousemove', onmove);
	return cursorEventTarget;
})();