suchen

Heim >Web-Frontend >CSS-Tutorial >Warum funktioniert die Pseudoklasse „:active' bei mobilen Safari-Links nicht und wie kann ich das Problem beheben?

Warum funktioniert die Pseudoklasse „:active' bei mobilen Safari-Links nicht und wie kann ich das Problem beheben?

DDD
DDDOriginal
2024-12-02 22:17:15605Durchsuche

Why Doesn't the `:active` Pseudo-class Work on Mobile Safari Links, and How Can I Fix It?

Lösen der nicht funktionierenden :active-Pseudoklasse für :active-Links in Mobile Safari

Anwenden von Stilen auf ein -Element mit der :active-Pseudoklasse ist eine gängige Praxis zum Hervorheben aktiver Links. Im Webkit auf iOS-Geräten wird dieses Verhalten jedoch nicht ausgelöst, wenn auf das Element getippt wird. Um dieses Problem zu beheben, ziehen Sie die folgenden Lösungen in Betracht:

Touchstart-Ereignis

Fügen Sie das ontouchstart-Ereignis zum hinzu. Element:

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

Dies ermöglicht den Auslöser der Pseudoklasse :active, wenn auf ein beliebiges Element innerhalb der Seite getippt wird.

Fastclick Library

Alternativ können Sie die Fastclick-JavaScript-Bibliothek nutzen. Diese Bibliothek verbessert die Reaktionsfähigkeit von Klickereignissen auf Touch-Geräten und behebt auch das :active-Pseudoklassenproblem.

Das obige ist der detaillierte Inhalt vonWarum funktioniert die Pseudoklasse „:active' bei mobilen Safari-Links nicht und wie kann ich das Problem beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript safari webkit for using class Event this ios issue
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie kann ich verhindern, dass Mouseout-Ereignisse bei untergeordneten Elementen innerhalb eines absolut positionierten Divs ausgelöst werden?Nächster Artikel：Wie kann ich verhindern, dass Mouseout-Ereignisse bei untergeordneten Elementen innerhalb eines absolut positionierten Divs ausgelöst werden?

In Verbindung stehende Artikel

Mehr sehen