Mobile Safari で :active 擬似クラスが動作しないのはなぜですか? どうすれば修正できますか?

モバイル Safari での :active 擬似クラスの非アクティブ性のトラブルシューティング : 迅速な解決策

:active 擬似クラスでは、要素がアクティブでない場合にスタイル要素を設定できます。クリックされています。ただし、モバイル Safari では、要素 (特に タグ) をタップしてもこの機能がトリガーされない場合があります。この問題は、モバイル Safari に固有のタッチ イベント処理メカニズムに起因します。

これを解決するには、ontouchstart イベント属性を

に追加するのが効果的な方法です。 tag:

    ...

この属性は、一度適用されると、タッチ イベント処理プロセスを開始し、ページ上の要素に対して :active 擬似クラスが正しくトリガーされるようにします。

または、 「Fastclick」と呼ばれる軽量の JavaScript ライブラリは、タッチ デバイスでのクリック イベントの応答性を強化し、前述の問題に対処することができます。

実装することでこのソリューションを使用すると、開発者は効果的に :active 擬似クラスをアクティブ化し、モバイル Safari でタップしたときに要素にスタイルを適用して、アプリケーションにシームレスなインタラクティブ エクスペリエンスを実現できます。

以上がMobile Safari で :active 擬似クラスが動作しないのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。