What are the events Ember.js supports?

Question

I couldn't find this documented anywhere or answered in any question. The only one I know for certain exists is 'click' (via Handling events with action).

Related questions I've seen (which don't answer my question):

score 15 · Accepted Answer · answered Nov 02 '12 at 01:18

The supported event names are listed in http://emberjs.com/api/classes/Ember.View.html. Just search for "Possible events names":

Touch events: 'touchStart', 'touchMove', 'touchEnd', 'touchCancel'

Keyboard events: 'keyDown', 'keyUp', 'keyPress'

Mouse events: 'mouseDown', 'mouseUp', 'contextMenu', 'click', 'doubleClick', 'mouseMove', 'focusIn', 'focusOut', 'mouseEnter', 'mouseLeave'

Form events: 'submit', 'change', 'focusIn', 'focusOut', 'input'

HTML5 drag and drop events: 'dragStart', 'drag', 'dragEnter', 'dragLeave', 'drop', 'dragEnd'

score 2 · Answer 2 · edited Dec 16 '13 at 20:05

2

Here's a list in the source as well

edited Dec 16 '13 at 20:05

Joe

62,789
6
49
67

answered Nov 02 '12 at 18:11

mehulkar

4,895
5
35
55

This would be a more helpful answer if it explained how to get the list in the source rather than being link only; this link has changed (and may likely change again) meaning it is not a very useful link for the future. – Joe Dec 16 '13 at 20:04

score 1 · Answer 3 · answered Apr 17 '18 at 19:59

For the sake of clarity, I just want to list here.

From ember-views/lib/system/event_dispatcher.js

List:

  events: {
    touchstart  : 'touchStart',
    touchmove   : 'touchMove',
    touchend    : 'touchEnd',
    touchcancel : 'touchCancel',
    keydown     : 'keyDown',
    keyup       : 'keyUp',
    keypress    : 'keyPress',
    mousedown   : 'mouseDown',
    mouseup     : 'mouseUp',
    contextmenu : 'contextMenu',
    click       : 'click',
    dblclick    : 'doubleClick',
    mousemove   : 'mouseMove',
    focusin     : 'focusIn',
    focusout    : 'focusOut',
    mouseenter  : 'mouseEnter',
    mouseleave  : 'mouseLeave',
    submit      : 'submit',
    input       : 'input',
    change      : 'change',
    dragstart   : 'dragStart',
    drag        : 'drag',
    dragenter   : 'dragEnter',
    dragleave   : 'dragLeave',
    dragover    : 'dragOver',
    drop        : 'drop',
    dragend     : 'dragEnd'
  },

What are the events Ember.js supports?

3 Answers3