Question

当用户点击并拖动鼠标时，我试图让元素响应。

我需要在单mousemove事件发生时每mousedown发生一次响应。

我使用的是jQuery，但我也可以使用纯JS实现。这是我尝试过的：

$('.element').on('mousedown', function (e) {
  $('.element').on('mousemove', function (e) {
    console.log("response");
  });
  $('.element').off('mousedown');
});

这很有效，但即使我没有继续mousedown，我也会点击一次。

Answer 1

进入mouseup事件并取消绑定mousemove：

$('.element').on('mousedown', function (e) {
    $('.element').on('mousemove', function (e) {
        console.log("response");
    });
}).on("mouseup", function(e) {
    $('.element').off('mousemove');
});

使用jQuery单击并拖动

1 个答案: