Mousedown和mousemove在Meteor中的執行不一致

Question

我在Meteor中有一個單頁應用程序。

我想跟蹤何時將小書簽（以包含圖像的<a>標記的形式）拖到書簽欄。

我使用mousedown，mousemove和mouseup的組合來嘗試跟蹤拖動。

Template.myTemplate.events = {  
  'mousedown': function(){    
    Session.set('dragging', true)   
    console.log('drag starts')
  },  
  'mouseup': function(){  
    if (Session.get('dragging') == true && event.y < 10){   
      // The result i want  
    }  
    Session.set('dragging', false)  
    console.log('drag stops')  
  }  
}

拖動開始足夠好，但是在鼠標離開<a>標記后不久，它似乎就被塞住了，而mouseup並沒有按應有的方式注冊。

如果我在mouseup和mousedown之后return false ，則邏輯將按mouseup ，即。 按下鼠標后，我可以將鼠標移動到遠處，並注意event.y <10並且沒有錯誤-但是這樣的代碼並沒有達到用戶能夠拖動<a>標簽的預期效果。

你有什么想法？

Answer 1

'mousedown': function(){

您正在將鼠標放在模板上，應該放在a元素上。

因此，改為這樣做：

'mousedown a': function(){

或者在這里選擇合適a元素。