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元素。