Open mishe opened 7 years ago
今天看到有朋友说touch-action可以解决click 300ms延时；
于是在caniuse上查了下兼容性，看下图：
可以看到，现今的移动端页面兼容已经不是问题了，
既然兼容问题不大了，那么看下touch-action的语法：
touch-action： auto | none | pan-x | pan-y | manipulation
html { touch-action : manipulation }
可以通过设置html的touch-action，之后项目就可以正常使用click了，并且附带的解决了点击穿透问题。因为click本身是不穿透的。
在来看下MDN的文档，发现多了几个配置，具体如下： touch-action： auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
今天看到有朋友说touch-action可以解决click 300ms延时；
于是在caniuse上查了下兼容性，看下图：
可以看到，现今的移动端页面兼容已经不是问题了，
既然兼容问题不大了，那么看下touch-action的语法：
touch-action： auto | none | pan-x | pan-y | manipulation
可以通过设置html的touch-action，之后项目就可以正常使用click了，并且附带的解决了点击穿透问题。因为click本身是不穿透的。
在来看下MDN的文档，发现多了几个配置，具体如下： touch-action： auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation