Javascript悬停效果在iPad上不起作用

Question

我想创建一个主页，将鼠标悬停在菜单栏上时会交换三个图像。 以下鼠标悬停脚本在PC上有效，但在iPad上无效。 我该如何解决这个问题？

<a style="text-decoration:none" href onmouseover="myFunction()">
    <h2>Investments by strategy</h2>
</a>


<a style="text-decoration:none" href onmouseover="myFunction2()">
      <h2>Investments by geography</h2>
</a>      

      <a style="text-decoration:none" href onmouseover="myFunction3()">   
    <h2>Investments by type</h2>
</a>      





<script>
function myFunction() {
    document.getElementById("myImg").src = "images/img002.png";
}

function myFunction2() {
    document.getElementById("myImg").src = "images/pie2.png";
}


function myFunction3() {
    document.getElementById("myImg").src = "images/test.png";
}


</script>  

Answer 1

iPad（或任何其他触摸屏设备）不支持鼠标悬停效果。 简而言之，您无法“解决”此问题。

（嗯，您的设备无法检测到手指悬停在屏幕上方的位置，对吗？）