如何区分点击和拖放事件? [英] How to differentiate between click and drag/drop event?

问题描述

我在元素上存在问题，该元素既可以拖动也可以包含点击事件.

I have a problem with element which is both draggable and also has a click event.

$('.drag').mousedown(function() {
    //...
});

$('.class').click(function() {
    //...
)};

<div class="drag class"></div>

当我拖放元素时，也会触发click事件.如何预防呢?

When I drag and drop the element, the click event gets fired, too. How to prevent that?

推荐答案

此外，您可能还可以对mousemove和mousedown事件进行某些操作以禁用click事件:

Also you could probably do something with the mousemove and mousedown events together to disable the click event:

var dragging = 0;

$('.drag').mousedown(function() {
    $(document).mousemove(function(){
       dragging = 1;
    });
});

$(document).mouseup(function(){
    dragging = 0;
    $(document).unbind('mousemove');
});

$('.class').click(function() {
    if (dragging == 0){
       // default behaviour goes here
    }
    else return false;
)};

这篇关于如何区分点击和拖放事件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！