编程语言
首页 > 编程语言> > javascript – Hammer.js无法删除事件监听器

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

作者:互联网

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

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/

解决方法:

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

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
}

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

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

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

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

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

Fiddle

欲了解更多信息:Javascript removeEventListener not working

标签:javascript,hammer-js
来源: https://codeday.me/bug/20191008/1874654.html