在 Meteor 中使用 'mousemove' 事件

Question

我想在 Meteor 中使用 'mousemove' 事件，我知道它通常是如何完成的 JavaScript 但不知道如何在 Meteor 中实现它。

我在 meteor 中已有此代码：

  Template.index.events({
    'mousemove': function(e){
        var mouseX = e.pagex - $('#index').offset().left;
        var totalX = $('#index').width();
        var centerX =totalX / 2;
        var shiftX = centerX - mouseX;
        var startX = ($('#index').width() / 2) -($ ('image').width() / 2);

        $('image1').css('z-index');
        $('image1').css({'left': startX + (shiftX/10) + 'px'});
        console.log('mouse move');
    }
});

它确实注册了 mousemove 事件但不移动图像

它应该做什么： JSFiddle

我如何在 Meteor 中实现这样的事件？

Answer 1

Meteor 为您提供了一些内置 eventmaps。根据文档，您可以访问 click、doubleclick、mousedown、mouseup、mouseenter、mouseleave 等。

它没有具体说明包含 mousemove，因此它可能不适用于所有浏览器。我已经在 chrome 中测试过，确实如此。

你会这样做：

Template.myTemplate.events({
  'mousemove': function(){
   //dostuffhere
  }
});

如果您想实现 mousemove（或任何其他没有 eventMap 的事件）- 您可以像这样在模板的呈现函数中执行此操作。

Template.mytemplate.rendered = function(){
    $('#index').on('mousemove', function(){
         //dostuffhere
    })
}

在 Meteor 中使用 'mousemove' 事件

Using a 'mousemove' event in Meteor

mousemove

meteor