小编Ben*_*eau的帖子

Hammer.js:如何处理/设置相同元素的点击和双击

我正在使用jquery.hammer.js,它工作得很好,我能够将函数绑定到doubletap事件.这工作正常.

我想要的是绑定两种不同的行为.一个用于"tap",一个用于"doubletap".我使用下面的代码绑定我的函数.当我这样做时,我只得到"敲击","双击"似乎没有被触发.

$("#W0AM").hammer();
$("#W0AM").on('doubletap', function (event) {
    alert( 'this was a double tap' );
}).on('tap', function (event) {
    alert( 'this was a single tap' );
});
Run Code Online (Sandbox Code Playgroud)

如果我删除.on('tap'...)绑定,那么我按预期得到"doubletap".

$("#W0AM").hammer();
$("#W0AM").on('doubletap', function (event) {
    alert( 'this was a double tap' );
});
Run Code Online (Sandbox Code Playgroud)

如果我执行以下操作,则会始终触发这两个事件.我的意思是,我点击,我看到水龙头和双击的警报.我翻了一遍,同样的事情,我看到了两个警报.

$("#W0AM").hammer();
$("#W0AM").on('tap doubletap', function (event) {
    alert( 'this was a ' + event.type );
});
Run Code Online (Sandbox Code Playgroud)

问题是如何绑定两个行为并区分两者以执行不同的事情

谢谢.

javascript jquery hammer.js

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

hammer.js ×1

javascript ×1

jquery ×1