javascript - 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 插件

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

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

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

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