hammer.js对象没有方法addEventListener

Question

我得到了错误：Uncaught TypeError: Object [object Object] has no method 'addEventListener' hammer.js:168

我的代码是这样的：

<script type="text/javascript" src="js/hammer.js"></script>

在设备就绪功能上：

 var resim = $('#kaydir');

 Hammer(resim).on('swipeleft', function(ev){
     console.log('left: ', ev);
 });

错误似乎出现在hammer.js中。我该怎么办？

Answer 1

我想你的问题是你没有安装Hammer.js's jQuery Plugin (GitHub)。

因此，您不能将jQuery对象传递给Hammer()函数，这是您的两个选择：

使用jQuery插件

将我上面链接的jQuery插件添加到您的项目中，然后调用：

$('#kaydir').Hammer(...)

没有jQuery插件

使用[0]仅将元素传递给Hammer()，而不传递给jQuery对象

Hammer(resim[0]).on(...)

或者改为更改resim变量以保存调用JavaScript的getElementById的结果。

var resim = document.getElementById('kaydir');
Hammer(resim).on(...)

Answer 2

如果您使用的是jQuery，则应该使用jQuery Hammer version并像这样使用它：

var resim = $("#kaydir");
resim.hammer().on("swipeleft", function(ev) {
    console.log('left: ', ev);
});