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

时间:2018-07-23 20:21:45

标签: javascript hammer.js

我的情况:
-我的侧边栏上有缩略图

我要实现的目标:
-滑动侧边栏将其关闭

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

我不使用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);
}

以上是我将事件绑定到侧边栏本身的方式。它是从一个循环调用的,该循环仅循环遍历具有特定className的所有内容。

1 个答案:

答案 0 :(得分:0)

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