通常元素在按压态/点击态时会使用 :active伪类
来设置特定的样式,这个操作在pc/Android上都没有问题但 iOS
上的点击事件(click
)是模拟出来的,在iOS上使用 :active 伪类
需要设置一个touch
事件这样元素嘚:active伪类
才能被正确触发。一般是给body标签上加一个ontouchstart
属性但是但是~注意body的渲染范围,要保证元素上的touch事件能冒到body上才行
click
的顺序到达,然后鼡户tap另一个clickable元素的时候才触发这个元素的mouseout
事件;而当用于tap一个nonclickable
元素的时候啥事件都不会发生,如图所示:
不过可以给nonclickable
的元素加一些响应鼡户操作的事件/css属性让它被识别成clickable
元素,例如: