JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://raw.github.com/icholy/ember.js/master/lib/ember.js"></script>
<html>
<head>
<script data-template-name="my-template" type="text/x-handlebars">
<h3>{{view.lastEvent}}</h3>
<button {{action "myAction" on="click|mouseEnter|mouseLeave"}}>button</button>
</script>
</head>
<body>
<script type="text/x-handlebars">
{{view App.MyView}}
</script>
</body>
</html>
JavaScript
window.App = Em.Application.create();
App.MyView = Em.View.extend({
templateName: 'my-template',
lastEvent: 'none',
myAction: function(e){
this.set('lastEvent',e.type);
}
});