jQuery - 拖動鏈接時獲取鼠標位置

我試圖跟蹤鼠標位置，同時單擊並將a[href]值拖動到書籤欄（它用於書籤）。在我開始拖動後，似乎停止跟蹤幾秒鐘。jQuery - 拖動鏈接時獲取鼠標位置

代碼如下。

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); 
      }); 
     });

下面是一個例子的jsfiddle：http://jsfiddle.net/GZpHP/

來源

2012-05-29 Adam Storr

你可以在jsfiddle.net上設置一個工作示例嗎？ – lanzz

已添加！感謝您檢查了這一點。 –

你能告訴我們爲什麼你需要光標位置？順着你離開瀏覽器的視口，你的腳本將停止工作。 – gearsdigital

您需要return false在mousedown處理程序，以防止在拖選擇文本的默認操作。

Updated fiddle

來源

2012-05-29 18:36:27 lanzz

我希望在我拖動時選擇'href' ...添加'return false'似乎阻止了這一點。 –

你是什麼意思？你叫什麼「href'」？在您拖動初始小提琴時，我看不到任何選定的內容。如果你正在尋找任何視覺反饋，你可以通過在你拖動時添加一個類來實現這一點，當你完成後拖動和重新拖動它。 – lanzz

'return false'禁用將鏈接拖到書籤欄的功能。這是我的主要目標。 –

我想同樣的，最終利用ondragstart和ondrop登錄，然後在處理drop事件鼠標位置。

它並不完美，但它的工作。

來源

2013-10-28 11:04:01 xtremetom

jQuery - 拖動鏈接時獲取鼠標位置

回答

相關問題