Javascript 如何使用Hammer.js识别器识别子节点上的事件

Javascript 如何使用Hammer.js识别器识别子节点上的事件,javascript,hammer.js,Javascript,Hammer.js,我的场景: -我有一个侧边栏,上面有缩略图 我想要达到的目标: -滑动侧边栏以关闭它 我被困的地方: -侧边栏上的滑动工作正常,但如果滑动是在图像缩略图上启动的,则不会在侧边栏上注册为平移事件,因此仅当空白是滑动的来源时,它才工作 我没有使用jquery,只是直接使用JS+Hammer.JS function setupSidebar(elem){ let sidebar = new Hammer.Manager(elem); sidebar.add(new Hammer.Pan({ d

我的场景:
-我有一个侧边栏,上面有缩略图

我想要达到的目标:
-滑动侧边栏以关闭它

我被困的地方:
-侧边栏上的滑动工作正常,但如果滑动是在图像缩略图上启动的,则不会在侧边栏上注册为平移事件,因此仅当空白是滑动的来源时,它才工作

我没有使用jquery,只是直接使用JS+Hammer.JS

function setupSidebar(elem){
  let sidebar = new Hammer.Manager(elem);
  sidebar.add(new Hammer.Pan({ direction: Hammer.DIRECTION_LEFT, threshold: 0}));
  sidebar.on('panstart',function(){ isPanning = false; });
  sidebar.on('pan',dragX);
}

上面是我如何将事件绑定到边栏本身的。它是从一个循环中调用的,该循环只循环任何具有特定类名的对象。

我发现了这个问题。我使用e.target而不是这个来引用实际代码运行中的对象。这就是阻止子事件触发拖动的原因