iPhone und iPad Hover-Effekt

iPhone und iPad Hover-Effekt

Hover-Workaround mit ontouch für iOS

Hover-Effekte können sehr hilfreich sein. Gerade bei mobilen Geräten ist dies aber oft ein Problem. Hiermit lassen sich einfache :hover-Pseudoklassen mit ontouch darstellen:

<script type="text/javascript">
if ("ontouchstart" in document.documentElement) {
    document.body.setAttribute("ontouchstart");
}
</script>

Beispiel mit iPhone oder iPad testen

ontouch mit iPhone/iPad hier

Impressum