Как можно при клике захватить элемент, а при двойном клике отпустить его?
div {
background: crimson;
width: 100px;
height: 100px;
}
<div id="block"></div>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВариант 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>