移動端Safari踏み込み記録
1432 ワード
:hoverによる2回のクリック問題の説明:モバイル端末のSafariでは、:hoverを使用すると、aタグが新しいアドレスにリンクされているように、aタグが:hoverを使用すると、1回目のクリック時に:hoverに応答し、2回目にaタグのジャンプに応答する.ソリューション:1. `ontouchstart`
body `no-touch` class， `:hover` 。 document `ontouchstart` ， class。
<body class="no-touch">body>
<script>
if('ontouchstart' in document) {
document.body.removeAttribute('class')
}
script>
<style>
.no-touch .xx:hover {
...
}
style>