Global mouse hold event

PressAndRelease.js

(function () {
	let isPressed = false;
	let pressTimer = false;
	const pressedEvent = new CustomEvent("press", {
		bubbles: true,
		cancelable: true,
		composed: true
	});
	const releasedEvent = new CustomEvent("release", {
		bubbles: true,
		cancelable: true,
		composed: true
	});
	const pressed = event => {
		if (event.buttons === 1) {
			isPressed = true;
			pressTimer = setInterval(() => {
				event.target.dispatchEvent(pressedEvent);
			}, 100);
		}
	};
	const released = event => {
		isPressed = false;
		clearInterval(pressTimer);
		event.target.dispatchEvent(releasedEvent);
	};
	globalThis.addEventListener("mousedown", pressed);
	globalThis.addEventListener("mouseup", released);
})();