モバイル Safari での :active 擬似クラスの非アクティブ性のトラブルシューティング : 迅速な解決策
:active 擬似クラスでは、要素がアクティブでない場合にスタイル要素を設定できます。クリックされています。ただし、モバイル Safari では、要素 (特に タグ) をタップしてもこの機能がトリガーされない場合があります。この問題は、モバイル Safari に固有のタッチ イベント処理メカニズムに起因します。
これを解決するには、ontouchstart イベント属性を
に追加するのが効果的な方法です。 tag:
<body ontouchstart="">
...
</body>この属性は、一度適用されると、タッチ イベント処理プロセスを開始し、ページ上の要素に対して :active 擬似クラスが正しくトリガーされるようにします。
または、 「Fastclick」と呼ばれる軽量の JavaScript ライブラリは、タッチ デバイスでのクリック イベントの応答性を強化し、前述の問題に対処することができます。
実装することでこのソリューションを使用すると、開発者は効果的に :active 擬似クラスをアクティブ化し、モバイル Safari でタップしたときに要素にスタイルを適用して、アプリケーションにシームレスなインタラクティブ エクスペリエンスを実現できます。
以上がMobile Safari で :active 擬似クラスが動作しないのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
