При клике захватить элемент, при двойном клике отпустить

Question

Как можно при клике захватить элемент, а при двойном клике отпустить его?

div {
  background: crimson;
  width: 100px;
  height: 100px;
}

<div id="block"></div>

Answer 1

Вариант jQuery:

$("#block").click(function() {
  $(document).on("mousemove", function(e) {
    var $this = $("#block");
    $this.offset({
      top: e.pageY - $this.height() / 2,
      left: e.pageX - $this.width() / 2
    });
  });
}).dblclick(function(e) {
  $(document).unbind("mousemove");
});

div {
  background: crimson;
  width: 100px;
  height: 100px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="block"></div>

БЛОГ НА HUSL

При клике захватить элемент, при двойном клике отпустить

Ответы (1 шт):