/* touch事件示例 */ div { touch-action: pan-y; /* 允许在Y轴上拖动 */ } /* 伪类选择器 */ button:active { color: red; }
CSS touch事件可以通过touch-action属性来实现。通过设置该属性,大家可以控制元素对touch事件的响应。例如,在上面的示例中,大家将touch-action设置为pan-y,表示允许用户在Y轴上拖动div元素。
此外,CSS中还有一个伪类选择器:active。该选择器在用户点击按钮时生效,可以用来实现简单的交互效果。例如,在上面的示例中,大家把active的颜色设置为红色,表示按钮被点击时会变成红色。