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没有按预期进行注册。

如果我在return false和mouseup之后mousedown，那么逻辑就会正常工作 - 即。我可以在mousedown之后远程移动鼠标，并注意event.y正在＆lt; 10并且没有任何阻碍 - 但是代码没有达到用户能够拖动<a>标签所需的效果。

你有什么想法吗？

Answer 1

'mousedown': function(){

你在模板上做了mousedown，它应该在a元素上。

所以，请改为：

'mousedown a': function(){

或者在此处选择正确的a元素。