ember.js - 添加操作以输入 Ember textarea输入帮助器

Question

我为我的textarea使用了adder ember-autoresize来调整我的textarea的大小。

{{textarea type="text" placeholder="Comment" value=comment_text autofocus="autofocus" rows=1 max-rows=4 autoresize=true 
      enter="commentSave"}}

我想在用户按下Enter时触发操作，但是当我按下Enter时它将移至下一行。在文本区域中按下Enter键时如何调用该操作。

Answer 1

创建名为custom-textarea的组件。

在components/custom-textarea.js中:

export default Ember.TextArea.extend({
  didRender() {
    this.$().keypress(function(event) {
      if (event.keyCode == 13) {
        event.preventDefault();
      }
    });
  }
});

在模板中，使用 custom-textarea而不是 textarea:

{{custom-textarea type="text" placeholder="Comment" value=comment_text autofocus="autofocus" rows=1 max-rows=4 autoresize=true 
      enter="commentSave"}}

参见 WORKING DEMO。

防止从 this answer采取默认行为的方法。