Mouse dragging

by ostapische

HTML

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<textarea rows="10" cols="60"></textarea>
<p>Simple text</p>

JavaScript

var events = new Array('drag', 'dragstart', 'dragend', 'drageneter', 'dragover', 'dragleave', 'drop');
for (var i = 0; i < events.length; i++) {
    setEvent(events[i]);
}
function setEvent(eventName) {
    $("body").append("<div id=\"" + eventName + "\">Handler for " + eventName + "</div>");
    $("html").bind(eventName, function(event) {
        var msg = "Handler for " + eventName + " called at ";
        msg += event.originalEvent.pageX + ", " + event.originalEvent.pageY;
        $("#" + eventName).html(msg);
    });
};