javascript 带有“点击”功能的下拉菜单需要在触摸屏上双击

z8dt9xmd  于 2023-03-21  发布在  Java
关注(0)|答案(1)|浏览(97)

我有一个菜单,有一些下拉菜单,点击后会激活。这在我使用触摸屏之前一直有效,然后需要双击触摸屏才能下拉菜单。下面是我用来设置的Javascript代码。

var MenuItem_WithChild = document.querySelectorAll("#menu .menu-item-has-children");
for(i=0; i< MenuItem_WithChild.length; i++){
    MenuItem_WithChild[i].addEventListener("click", subMenuOpen);
    
    function subMenuOpen() {
        for (i = 0; i < MenuItem_WithChild.length; i++) {
            MenuItem_WithChild[i].classList.remove("active");
        }

        this.classList.add("active");
    }
}

我在我的网站上的其他多个地方使用了“点击”功能,但这是唯一一个有双击问题的。
任何帮助都将不胜感激。谢谢。

x4shl7ld

x4shl7ld1#

为触摸屏添加“touchend”事件或从CSS中删除悬停效果。(您可以创建onclick函数,并在click事件和touchend事件中调用它)

相关问题