JQuery DragDrop

Set the onDrag property of the jqxDragDrop. Author: http://jqwidgets.com

by jqwidgets

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
 <div style="width: 50px; height: 50px; border: 1px solid #A67E3A; background-color: #FFC663;" id="element">
    <div style="margin-left: 3px; margin-top: 20px; font-size: 10px; font-family: Verdana;">Drag me</div>
</div>
<div id="log"></div>

JavaScript

$('#element').jqxDragDrop({
    appendTo: 'body'
});
$('#element').jqxDragDrop({
    onDrag: function (data, pos) {
        $("#log").html("Left: " + pos.left + ", Top: " + pos.top);
    }
});