Javascript下拉菜单不适用于iphone/ipad

我的网站上有一个javascript下拉菜单，但它在iphone/ipad上不起作用，有人知道我应该修改哪些代码才能在这些设备上工作吗？（以黑莓为例，菜单工作正常）

JS文件：

var timeout         = 500;
var closetimer      = 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)
{   
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
    if(closetimer)
    {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose; 

用于下拉列表的HTML：

<ul id="rentals">
    <li><a href="#" 
        onmouseover="mopen('m1')" 
        onmouseout="mclosetime()">Verhuur</a>
        <div id="m1" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="shortterm2bed1.html">2 Slk. Vakantie <font color="172983">&nbsp;|     </font></a>
        <a href="shortterm3bed1.html">3 Slk. Vakantie <font color="172983">&nbsp;| </font></a>
        <a href="longtermrentals1.html"> Lange Termijn</a>
        </div>
    </li>
</ul>

---

非常感谢您的帮助

Ipad/iPhone不支持onmouseover和onmouseout事件

查看此页面以了解支持的事件：

---

您可能只需更改为onclick。

iOS不支持

鼠标悬停

或

鼠标悬停

。您将需要使用

touchstart

和

touchend

。ie

<div id="m1" 
    touchstart="mcancelclosetime()" 
...>

这里是一个链接

---

希望这对你有帮助，祝你好运

我发现GoLive Menumachine也有同样的问题，它会创建下拉菜单。它不会显示移动设备上的下拉列表。当我将主菜单按钮链接到一个页面时，它开始工作。换句话说，如果我有服务>维修和服务>更新，我必须有服务链接到一个页面，以便下拉菜单在我的ipad和ipod上工作。不要问我为什么。

我不认为iPad/iPhone默认启用了Javascript。我敢打赌，当你失明时，使用这个菜单会很有趣。