javascript - Ember : handling multiple events with {{action}} tag?

Question

我正在使用 Ember.js，我正在尝试让一个 div 元素具有两种不同的操作:一种是鼠标进入时，另一种是鼠标离开时。我试着这样做:

<div {{action "stopInfo" on="mouseLeave"}} {{action "startInfo" on="mouseEnter"}}>

但它只触发第一个 Action (mouseleave)。

有没有办法对同一个元素执行 2 个操作？谢谢

Answer 1

根据问题 #569不支持标签的多个操作助手。要处理多个事件，您应该为此使用自定义的 Ember.View。在您的情况下，请参阅 http://jsfiddle.net/pangratz666/2V9cP/ :

Handlebars :

{{#view App.ActionView}}
    ... content of div ...
{{/view}}

JavaScript:

App.ActionView = Ember.View.extend({
    stopInfo: function(evt) { console.log('stop info'); },
    startInfo: function(evt) { console.log('start info'); },

    click: Ember.alias('stopInfo'),
    mouseLeave: Ember.aliasMethod('stopInfo'),

    mouseEnter: Ember.aliasMethod('startInfo')
});​

我在这里使用了 Ember.alias 助手，只是为了说明我将如何对多个 View 事件使用相同的函数......