为什么 :active 伪类在 Mobile Safari 的  元素上不起作用，如何修复它？

:Mobile Safari 中的 active 伪类不活动

问题：

代码示例：

<style>
  a:active {
    background-color: red;
  }
</style>

<!-- snip -->
<a href="#">Click me</a>

解决方案：

在 Mobile Safari 中解决此问题，将 ontouchstart 事件监听器应用到

上。元素：

<body ontouchstart="">
  ...
</body>

此全局事件监听器增强了页面上所有按钮的响应能力。

替代解决方案：

另一种方法是利用 Fastclick JavaScript 库：

<script src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script>
<script>
  FastClick.attach(document.body);
</script>

Fastclick 可以加速触摸设备上的点击事件，解决了 :active 伪类问题。

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn