0

すべてのブラウザーと iPhone/iPad で正常に動作する次の単純なスクリプトがありますが、Android デバイスでは動作しません。Androidで動作させる方法を知りたいですか？

Javascript:

<script type="text/javascript">
<!--

// Copyright 2006-2007 javascript-array.com

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; 

// -->
</script>

HTML

<li class="test"><a href="#" 
        onmouseover="mopen('m4')" onmouseout="mclosetime()" class="test2">CLASSES</a>
        <div id="m4" 
           onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
        <a href="http://www.anthonyteacher.com/category/2013-gall">Google</a>
    <a href="http://www.anthonyteacher.com/olderclasses/">Older Classes</a>
        </div>
    </li>

ライブ: http://www.anthonyteacher.com

onClick="mopen('m4')" を追加してみましたが、うまくいかないようでした。タッチスタートでイベントハンドラーを使用する必要があると思いますが、実装方法がわかりません。

何か助けはありますか？

4

1 に答える 1