我有一个菜单,有一些下拉菜单,点击后会激活。这在我使用触摸屏之前一直有效,然后需要双击触摸屏才能下拉菜单。下面是我用来设置的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");
}
}
我在我的网站上的其他多个地方使用了“点击”功能,但这是唯一一个有双击问题的。
任何帮助都将不胜感激。谢谢。
1条答案
按热度按时间x4shl7ld1#
为触摸屏添加“touchend”事件或从CSS中删除悬停效果。(您可以创建onclick函数,并在click事件和touchend事件中调用它)