Ember Events: Element Modifier

application.hbs

<div class="element-modifier" {{action "handleClick"}}></div>

application.js

export default Ember.Controller.extend({
  actions: {
    handleClick() {
      console.log('This action was fired by Ember, as a result of a DOM event.');
      console.log('This action does not have access to the original DOM event associated with it.');
    }
  }
});

index.html

<!-- This is what is actually added to the DOM when the template is rendered. -->
<div class="element-modifier" data-ember-action="" data-ember-action-317="317"></div>

<!-- 
This element does not have a native event listener attached.
You can verify this in your browser's JavaScript console:

> document.getElementsByClassName('element-modifier')[0].onclick
  null
-->