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

2019-10-08 22:39:23 阅读：451 来源： 互联网

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

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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