Articles Tagged
touch events

3 Articles

Interaction Media Features and Their Potential (for Incorrect Assumptions)

The Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer and any-hover — are meant to allow sites to implement different styles and functionality (either CSS-specific interactivity like :hover, or JavaScript behaviors, when queried using window.matchMedia), depending on the particular characteristics of a user’s input device.

Patrick H. Lauke on Sep 14, 2020 (Updated on Dec 13, 2020)

pointer-events touch touch events touch-action

touch-action

The touch-action property in CSS gives you control over the effect of touchscreen interactions with an element, similar to the more widely-used pointer-events property used to control mouse interactions.

#element {
  touch-action: pan-right pinch-zoom;
}

The touch-action property is useful …

Andy Adams on Jan 2, 2019

hover map SVG touch events

SVG Map Rollovers

Let’s say you have a map of the world and you want to be able to highlight the country (or state, or county, etc.) as the cursor hovers over it or it is tapped.

Doable!

First, the map should probably …

Chris Coyier on Jan 26, 2017 (Updated on Jan 26, 2020)