您可以在jQuery中检测“拖动”吗？

Question

我有一个用户单击链接时会出现的异常现象。问题是可以单击并拖动同一链接以重新排列该链接。在这种情况下，我不需要出现跳动者。仅当它实际上等待去某个地方时才需要出现。我如何使用jQuery创建事件侦听器，该事件侦听器仅在单击链接到链接而不是单击并拖动时才允许出现跳动事件？

Answer 1

由于某种原因，上述解决方案对我不起作用。我进行以下操作：

$('#container').on('mousedown', function(e) {

    $(this).data('p0', { x: e.pageX, y: e.pageY });

}).on('mouseup', function(e) {

    var p0 = $(this).data('p0'),

        p1 = { x: e.pageX, y: e.pageY },

        d = Math.sqrt(Math.pow(p1.x - p0.x, 2) + Math.pow(p1.y - p0.y, 2));

    if (d < 4) {

        alert('clicked');

    }

})

您可以根据自己的喜好调整距离限制，甚至可以一直调整为零。

Answer 2

使用jQuery UI即可！

$( "#draggable" ).draggable({

  start: function() {

  },

  drag: function() {

  },

  stop: function() {

  }

});