2012-05-29 40 views
7

Tôi đang cố gắng theo dõi vị trí chuột trong khi tôi nhấp và kéo giá trị a[href] vào thanh dấu trang (đó là dấu trang). Dường như ngừng theo dõi vài giây sau khi tôi bắt đầu kéo.jQuery - Nhận vị trí chuột trong khi kéo liên kết

Mã dưới đây.

var isDragging = false; 
$('a#dragthis') 
     .mousedown(function() { 
      $(window).mousemove(function(e) { 
       isDragging = true; 
       var x = e.pageX; 
       var y = e.pageY; 
       console.log(x + "|" + y); 
      }); 
     }); 

Dưới đây là một ví dụ jsFiddle: http://jsfiddle.net/GZpHP/

+0

Bạn có thể thiết lập một ví dụ làm việc trên jsfiddle.net không? – lanzz

+0

Đã thêm! Cảm ơn bạn đã kiểm tra điều này. –

+0

Bạn có thể cho chúng tôi biết tại sao bạn cần đặt con trỏ? BTW kịch bản của bạn sẽ ngừng hoạt động chính xác trong thời điểm bạn rời khỏi chế độ xem của trình duyệt. – gearsdigital

Trả lời

2

Bạn cần phải return false trong handler mousedown của bạn, để ngăn chặn hành động mặc định lựa chọn văn bản khi kéo.

Updated fiddle

+0

Tôi muốn 'href' được chọn khi tôi kéo ... thêm' return false' dường như ngăn chặn điều đó. –

+0

Ý của bạn là gì? Bạn đang gọi cái gì là "href"? Tôi không thấy bất cứ điều gì được chọn trong khi bạn kéo trong fiddle ban đầu của bạn. Nếu bạn đang tìm kiếm bất kỳ phản hồi trực quan nào, bạn có thể thực hiện điều này bằng cách thêm một lớp trên có thể kéo của bạn khi bạn bắt đầu kéo và xóa lớp đó khi bạn hoàn tất. – lanzz

+0

'return false' sẽ vô hiệu hóa khả năng kéo liên kết vào thanh dấu trang của bạn. Đó là mục tiêu chính của tôi. –

0

tôi muốn cùng và kết thúc sử dụng ondragstartondrop để đăng nhập và sau đó xử lý vị trí chuột khi sự kiện thả.

Nó không hoàn hảo nhưng nó thực hiện công việc.

Các vấn đề liên quan