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公司（或任何其它触摸屏设备）不支持鼠标的效果。总之，你不能“修复”这个问题。

（当然，您的设备无法检测出手指悬停在屏幕上，对吧？）