Hammer.js无法删除事件监听器

Question

我像这样创建一个锤子实例:

var el = document.getElementById("el");
var hammertime = Hammer(el);

然后我可以添加一个监听器:

hammertime.on("touch", function(e) {
    console.log(e.gesture);
}

但是我无法删除此侦听器,因为以下内容不执行任何操作:

hammertime.off("touch");

我究竟做错了什么？如何摆脱锤子听众？hammer.js文档目前很差,所以除了存在方法.on()和事物之外什么都没解释.off().我不能使用jQuery版本,因为这是一个性能关键的应用程序.

JSFiddle展示这个:http://jsfiddle.net/LSrgh/1/

Answer 1

好的,我明白了.源码很简单,它正在做:

on: function(t, e) {
    for (var n = t.split(" "), i = 0; n.length > i; i++)
        this.element.addEventListener(n[i], e, !1);
    return this
},off: function(t, e) {
    for (var n = t.split(" "), i = 0; n.length > i; i++)
        this.element.removeEventListener(n[i], e, !1);
    return this
}

这里要注意的事情(除了糟糕的文档)之外,e它是on事件中的回调函数,所以你正在做:

this.element.addEventListener("touch", function() {
    //your function
}, !1);

但是,在删除中,您不会传递回调,因此您可以:

this.element.removeEventListener("touch", undefined, !1);

所以,浏览器不知道女巫功能你试图取消绑定,你可以修复这个不使用匿名函数,就像我在:

小提琴

有关更多信息:Javascript removeEventListener无法正常工作