在移动设备中禁用"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 
});