某些触摸事件会导致多个事件，我如何限制所需的事件？

Question

因此，如果我点击或按住它，它会按预期工作，但如果我滑动，我应该得到两个事件。滑动和滑动方向，但我也得到了点击事件。如果发生滑动或滑动方向，有没有办法删除点击事件？

实例：

• http://jsfiddle.net/phillpafford/hJtAQ/11/

HTML：

<div data-role="page" id="home"> 
    <div data-role="content">
        <div id="display-event" class="add-border">
            <p>Tap, TapHold (for 1 second), Swipe, SwipeRight or SwipeLeft</p>
        </div>
    </div>
</div>

JS：

function bindEvent(element) {
    element.bind('tap taphold swipe swiperight swipeleft', function(event, ui) {
       alert('Event: '+event.type); 
    });
}

bindEvent($('#display-event'));

相关问题：滑动事件触发 iPod touch 的点击事件

更新： - http://jsfiddle.net/hJtAQ/31/（使用Jaspers方法）

Answer 1

如果您只想验证触发的第一个事件，您可以为其余触发的事件设置超时和 preventDefault()：

function bindEvent(element) {
    element.bind('tap taphold swipe swiperight swipeleft', function(event, ui) {
       if (event_ok == false) {
           event.preventDefault();
           return false;
       } else {
           event_ok = false;
           setTimeout(function () {
               event_ok = true;
           }, 500);
           alert('Event: '+event.type);
       }
    });
}

var event_ok = true;
bindEvent($('#display-event'));