# Practical Notes on JS Events for Two-Finger Image Zoom on Mobile

# Practical Notes on JS Events for Two-Finger Image Zoom on Mobile ## 1. Simulating Two-Finger Touch in Chrome The result: it cannot really be simulated. Page-level zoom behavior can be simulated by holding `Shift` + left mouse button on the page. However, in reality, it is stil...

Code: Dispatching a CustomEvent

const event = new CustomEvent('show', {
  detail: { message: payload, sentAt: new Date().toLocaleTimeString() }
});

window.dispatchEvent(event);

Code: Listening for the Event Payload

window.addEventListener('show', (event) => {
  render(event.detail.message, event.detail.sentAt);
});