添加操作以在 ember textarea 输入助手中输入

【问题标题】：Add action to enter in ember textarea input helper添加操作以在 ember textarea 输入助手中输入
【发布时间】：2016-05-01 14:54:34
【问题描述】：

我已使用插件 ember-autoresize 为我的 textarea 调整我的 textarea 的大小。

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

我想在用户按下回车时触发操作。但是当我按下回车时它会移动到下一行。如何在文本区域中按下回车键时调用该操作。

【问题讨论】：

如果您不需要多行文本，为什么不直接使用input？
@DanielKmak 我需要多行文字说明原因

标签： ember.js ember-cli

【解决方案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 获取默认行为的方法。

【讨论】：

你也可以声明一个按键属性。 keypress(event){ ... }