javascript - 移动设备中禁用的子菜单 "mouseover"

Question

我的菜单是移动响应式的，因为它会在适用的情况下调整大小并在移动设备上变成汉堡包菜单。

我的问题是菜单还有一个子菜单元素，该元素也应该在移动设备上可见，但由于移动设备上没有鼠标悬停，“点击”会将查看器带到主菜单中配置的菜单 url导航区域。

我试图将 visibility: visible; 元素添加到 CSS 中的任何子菜单引用，但是当您在 iPad 平板电脑上点击下拉菜单时，除了将我带到在点击的主菜单元素中配置的相同 URL。我如何克服这个问题并显示这个子菜单？

示例网址:http://www.goroyalshell.net/

Answer 1

你能尝试像这样从 JavaScript 添加事件监听器来捕捉触摸事件吗？

document.getElementById('#yourTabId').addEventListener('touchstart', function(ev) { 
    //here set your functionality for dropdown 
});