javascript – Textarea忽略输入但需要触发保存按钮

前端之家收集整理的这篇文章主要介绍了javascript – Textarea忽略输入但需要触发保存按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有点棘手的情况.对于下面的代码,我添加了(keydown.enter)=“false”来忽略textarea中的break line / enter按钮

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

任何想法如何在仍然聚焦在textArea但忽略断裂线时触发Save按钮?

<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 >

解决方法

您可以将“保存”按钮的相同功能绑定到texterea的keydown.enter,并调用$event.preventDefault以避免换行.

样品plunker.

原文链接:https://www.f2er.com/js/157240.html

猜你在找的JavaScript相关文章