Event Bubbling & Capturing

element.addEventListener('touchstart', e => {
  e.preventDefault();
  e.stopPropagation();
}, { passive: true });

Both preventDefault and stopPropagation will work
preventDefault will be ignored due to passive: true
When an event listener is set as passive (passive: true), any calls to preventDefault() will be ignored with a console warning. This is because passive listeners are specifically optimized for performance by telling the browser that preventDefault() won't be called, allowing immediate scrolling without waiting for JavaScript execution. stopPropagation() will still work as it doesn't affect the browser's ability to perform the default action. This is particularly important for touch and wheel events on mobile devices.
stopPropagation will be ignored due to passive: true
Neither method will work