使用touchstart导航下拉菜单以实现IOS功能

Question

在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/

Answer 1

我删除了以前的答案;）

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

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

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

我认为您可以按照此操作让您的活动按照预期运作;）