Javascript 如何绑定&x27;轻触';和';双击';到Hammer.js中的相同元素?

Javascript 如何绑定&x27;轻触';和';双击';到Hammer.js中的相同元素?,javascript,cordova,hammer.js,Javascript,Cordova,Hammer.js,我目前正在(尝试)为我在eclipse中使用cordova开发的手机游戏创建一些基本元素。这里我想做的主要事情是在同一个元素上设置两个tap事件。下面的代码显示了我是如何尝试解决这个问题的,但是当我尝试双击时,它不会被检测到-我得到的只是两个单独的点击。我尝试过不同的方法,但没有一种有效 当双击失败时,我还会在控制台中收到此警报:“试图完成输入事件,但输入事件接收器已被释放” 正如在这个Hammer.js中所解释的,我设置了tap_always=false,但这并没有什么区别。你推荐什么?有没有

我目前正在(尝试)为我在eclipse中使用cordova开发的手机游戏创建一些基本元素。这里我想做的主要事情是在同一个元素上设置两个tap事件。下面的代码显示了我是如何尝试解决这个问题的,但是当我尝试双击时,它不会被检测到-我得到的只是两个单独的点击。我尝试过不同的方法,但没有一种有效

当双击失败时,我还会在控制台中收到此警报:“试图完成输入事件,但输入事件接收器已被释放”

正如在这个Hammer.js中所解释的,我设置了tap_always=false,但这并没有什么区别。你推荐什么?有没有其他图书馆可以让我做同样的事情而不出现这个问题

我试图实现的是检测元素上的不同点击或/和手势,然后做不同的事情。例如,如果在元素#1上单击一次,则播放音频文件#1;如果在同一元素上单击两次,则播放音频文件#2

谢谢你的帮助

干杯,试试这个-

var hammer = new Hammer.Manager(element, {});

var singleTap = new Hammer.Tap({event: 'singletap' });
var doubleTap = new Hammer.Tap({event: 'doubletap', taps: 2 });

hammer.add([doubleTap, singleTap]);

doubleTap.recognizeWith(singleTap);

singleTap.requireFailure([doubleTap]);

hammer.on('singletap', function() { console.log('single tap!') });
hammer.on('doubletap', function() { console.log('double tap!') });

您是否尝试过只监听
doubletap
事件,以查看是否可以正常工作?另外,调整
doubletap\u interval
选项会有什么影响吗?这不起作用。只能识别双击。甚至在一个水龙头上。编辑:它确实有效。Chrome的“模拟触摸屏”功能会产生干扰。
var hammer = new Hammer.Manager(element, {});

var singleTap = new Hammer.Tap({event: 'singletap' });
var doubleTap = new Hammer.Tap({event: 'doubletap', taps: 2 });

hammer.add([doubleTap, singleTap]);

doubleTap.recognizeWith(singleTap);

singleTap.requireFailure([doubleTap]);

hammer.on('singletap', function() { console.log('single tap!') });
hammer.on('doubletap', function() { console.log('double tap!') });