Javascript悬停效果不'；我不能在iPad上工作

我想创建一个主页与三个图像交换时，悬停在菜单栏上。 以下鼠标悬停脚本适用于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>  

函数myFunction（）{
document.getElementById（“myImg”）.src=“images/img002.png”；
}
函数myFunction2（）{
document.getElementById（“myImg”）.src=“images/pie2.png”；
}
函数myFunction3（）{
document.getElementById（“myImg”）.src=“images/test.png”；
}

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

---

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

对。我的意思是，我可以将脚本更改为类似于touchstart:function（）{}的内容吗？重新考虑一下您在移动平台上的用户体验。手机网站不会有这样的效果。