Как да влачите детето според позицията на мишката в Jquery? - javascript, jquery, html, css, jquery-ui

Имам голяма плъзгаща се карта, за да видя всички места на картата. Но искам да мога да го влача според позицията на мишката.

Как да плъзнете дете според позицията на мишката в Jquery?

Ето моя плъзгащ код:

$(".map").draggable({
containment:[(parseInt($(".hk").width()) - parseInt($(".hkc").width())) * -1,
(parseInt($(".hk").height()) - parseInt($(".hkc").height())) * -1, 0, 0],
cursor: "move"
})

Демото ми е тук

и тук е екранна снимка:

Отговори:

    // Variables for current position
var x, y;

function handleMouse(e) {
// Verify that x and y already have some value
if (x && y) {
// Scroll window by difference between current and previous positions
window.scrollBy(e.clientX - x, e.clientY - y);
}

// Store current position
x = e.clientX;
y = e.clientY;
}

// Assign handleMouse to mouse movement events
document.onmousemove = handleMouse;