Ember Events: onClick HTML Attribute

application.hbs

<div class="onclick-attribute" onclick={{action "handleClick"}}></div>

application.js

export default Ember.Controller.extend({
  actions: {
    handleClick(event) {
      console.log('This action was fired directly by the browser as part of this DOM event:', event);
    }
  }
});

index.html

<!-- This is what is actually added to the DOM when the template is rendered. -->
<div class="onclick-attribute"></div>

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

> document.getElementsByClassName('onclick-attribute')[0].onclick
  function () {
    return makeClosureAction(context, targetRef.value(), actionRef.value(), processArgs, debugKey).apply(undefined, arguments);
  }
-->