使用触摸启动导航下拉菜单，以实现 IOS 功能

Navigating dropdown menu with touchstart for IOS functionality

本文关键字：实现 IOS 功能 下拉菜单 触摸 启动 导航      更新时间：2023-09-26

我在IOS设备上的菜单外触摸页面时使用以下代码关闭导航子菜单。问题是当我触摸菜单中的链接时，它也会关闭。我的问题是，如何防止触摸子菜单中的导航链接触发div 关闭，同时在触摸页面的其他地方时保持该功能？

 window.addEventListener('load', function(){
 document.body.addEventListener('touchstart', function(e){
  if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
  }, false)
  }, false)

https://jsfiddle.net/4a4o0ctt/1/

我已经删除了以前的答案;)

并为您创建了一个小提琴，您可以在其中找到仅在身体上触发的事件，而不是在子元素上触发的事件。看一看;http://jsfiddle.net/7komnku9/

这里最重要的部分是这段代码;

  if(e.target!== this)
        return;

我认为您可以遵循这一点来使您的活动按预期工作;)

相关文章：