Làm cách nào để đính kèm phần tử html vào con trỏ chuột bằng jQuery. Điều này phải giống như 'draggable', nhưng tôi muốn phần tử đó bám vào con trỏ sau khi nhấp đúp chuột và theo con trỏ cho đến khi nhấn nút chuột trái.Cách đính kèm phần tử html vào chuột bằng jQuery?
Bạn sẽ muốn sử dụng .mousemove() và .offset().
$("#clickedElement").dblclick(function() {
var $someElement = $("#elementToCling");
$(document).mousemove(function (e) {
$someElement.offset({ top: e.pageY, left: e.pageX });
}).click(function() {
$(this).unbind("mousemove");
});
});
bản demo làm việc:http://jsfiddle.net/EbbxA/
+1: Điều này có vẻ đầy hứa hẹn. –
Bản trình diễn thay thế: http://jsfiddle.net/a4eFE/ bởi vì tôi chán và trông thật tuyệt. –
Cảm ơn bạn! Đây là những gì tôi muốn. Nhưng nếu tôi muốn có thể sử dụng các tùy chọn "có thể kéo", như "snap", "hoàn nguyên", "ngăn chặn", v.v ... Làm cách nào để thực hiện việc này? – user1048261
Hãy ghi nhớ rằng điều này có thể gây nhầm lẫn đối với hầu hết người dùng, những người đang sử dụng để giao diện nhấp kéo-và-thả hầu hết các hệ điều hành hiện đại. – Blazemonger