Использование события «mousemove» в Meteor

Question

Я хочу использовать событие «mousemove» в 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

Как бы Я реализую такое событие в Метеор?

Answer 1

Метеор предоставляет вам некоторые встроенные в eventmaps. В документации вы получаете доступ к кликам, двойному щелчку, мыши, мыши, мыши, мыши и другим.

В нем особо не говорится, что mousemove включен, поэтому он может не работать во всех браузерах. Я тестировал хром, и это так.

Вы бы так, как это:

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

Если вы хотите реализовать MouseMove (или любое другое событие, которое не имеет в eventMap) - вы можете сделать это, возможно, в оказанной функции шаблона используйте как так.

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