Post

T(his weekend)IL about Pointer Events. A nice way to support both mice and fingers on the web! developer.mozilla.org/en-US/docs/W... #webdev #javascript

developer.mozilla.orgPointer events - Web APIs | MDNMuch of today's web content assumes the user's pointing device will be a mouse. However, since many devices support other types of pointing input devices, such as pen/stylus and touch surfaces, extens...

13/1/25, 10:14 am0 reposts1 like

Loris Bognanni

@loris.codes

13 Jan 2025

fun fact: if you're implementing drag and drop, `setPointerCapture` / `releasePointerCapture` will keep you dragging even when you try move things out of their CSS container.

Loris Bognanni

@loris.codes

13 Jan 2025

And adding `touch-action: none` to the container's CSS will prevent the browser from scrolling the page on mobile while you drag your finger on your HTML element 🤓