<html>
<body>
<script>
document.addEventListener("pointerdown", (event) => {
event.preventDefault();
let token = Math.random();
console.log("pointerdown", token, event);
document.body.appendChild(document.createElement("pre")).textContent = `"pointerdown" ${token}`;
});
document.addEventListener("pointerup", (event) => {
let token = Math.random();
console.log("pointerup", token, event);
document.body.appendChild(document.createElement("pre")).textContent = `"pointerup" ${token}`;
});
document.addEventListener("touchstart", (event) => {
let token = Math.random();
console.log("touchstart", token, event);
document.body.appendChild(document.createElement("pre")).textContent = `"touchstart" ${token}`;
});
document.addEventListener("touchend", (event) => {
let token = Math.random();
console.log("touchend", token, event);
document.body.appendChild(document.createElement("pre")).textContent = `"touchend" ${token}`;
});
document.addEventListener("mousedown", (event) => {
let token = Math.random();
console.log("mousedown", token, event);
document.body.appendChild(document.createElement("pre")).textContent = `"mousedown" ${token}`;
});
document.addEventListener("mouseup", (event) => {
let token = Math.random();
console.log("mouseup", token, event);
document.body.appendChild(document.createElement("pre")).textContent = `"mouseup" ${token}`;
});
document.addEventListener("click", (event) => {
let token = Math.random();
console.log("click", token, event);
document.body.appendChild(document.createElement("pre")).textContent = `"click" ${token}`;
});
</script>
</body>
</html>