javascript - 忽略输入但需要触发保存按钮的文本区域

Question

有点棘手的情况。对于下面的代码，我添加了 (keydown.enter)="false" 以忽略文本区域中的换行/输入按钮

这会导致用户问题，并希望现有的行为，即按 enter 键应自动触发“保存按钮”

知道如何在仍然关注文本区域但忽略隔断线时触发“保存”按钮吗？

    <textarea #textArea
    style="overflow:hidden; height:auto; resize:none;"
    rows="1"
    class="form-control"
    [attr.placeholder]="placeholder"
    [attr.maxlength]="maxlength"
    [attr.autofocus]="autofocus"
    [name]="name"
    [attr.readonly]="readonly ? true : null"
    [attr.required]="required ? true : null"
    (input)="onUpdated($event)"
    [tabindex]="skipTab ? -1 : ''"
    (keydown.enter)="false"
    [(ngModel)]="value">
    </textarea >

Answer 1

扩展@Pengyy 的答案

您可以将回车键绑定(bind)到一个伪保存函数，并在其中设置 preventDefault，从而防止保存函数和换行符。然后您可以从那里调用保存函数(假设它是可访问的，例如服务)，或者您可以发出一个 EventEmitter，并捕获该发出以触发保存函数。