javascript - 使用 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;

我认为您可以按照此操作让您的活动按需要进行；）