Question

I’m using http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.5.js and I’m not sure how to use the mouseenter and mouseleave events. My code is below, and the click event works just fine. How do I get the mouseenter and mouseleave events to work?

window.App = Ember.Application.create()

TestView = Ember.View.create
  template: Ember.Handlebars.compile 'This is the view'
  click: (evt) ->
    console.log 'clicked'
  mouseenter: (evt) ->
    console.log 'mouse enter'
  mouseleave: (evt) ->
    console.log 'mouse leave'

TestView.append()

Answer 1

Events inside Ember.js are handled by Ember.EventDispatcher and the names are translated to a more Ember.js like convention if you will, see here.

You have to change your mouse events to mouseEnter and mouseLeave, see http://jsfiddle.net/pangratz666/QtZ2T/