possibilities · June 24, 2012 01:23
diff --git a/testmouseenter.css b/testmouseenter.css
 #foo {
  width: 100px;
  height: 100px;
  border: 1px solid grey;
 }
diff --git a/testmouseenter.html b/testmouseenter.html
 <head>
  <title>testmouseenter</title>
 </head>

 <body>
  {{> hello}}
 </body>

 <template name="hello">
  <div id="foo"></div>
 </template>
diff --git a/testmouseenter.js b/testmouseenter.js
 if (Meteor.is_client) {
  Template.hello.events = {
    'mouseleave #foo' : function () {
      console.log('mouseleave');
    },
    'mouseenter #foo' : function () {
      console.log('mouseenter');
    },
    'click #foo' : function () {
      console.log('click');
    }
  };
 }