Question

我想使用'mousemove＆＃39;在Meteor活动中，我知道它是如何在通常的JavaScript中完成的，但无法弄清楚如何在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，因此它可能无法在所有浏览器中使用。我已经用铬测试了它。

你会这样做：

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

如果你想实现一个mousemove（或任何其他没有eventMap的事件） - 你可以在模板的渲染函数中这样做。

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

使用＆＃39; mousemove＆＃39;流星中的事件

1 个答案: