输入关键行为 Angular 和 Material 形式答案

【问题标题】：Enter key behaviour Angular and Material form输入关键行为 Angular 和 Material 形式
【发布时间】：2022-01-03 21:59:18
【问题描述】：

在 MEAN 应用程序的表单中，我有：

<form novalidate [formGroup]="thesisForm"
  enctype="multipart/form-data"
  (keydown.enter)="$event.preventDefault()" (keydown.shift.enter)="$event.preventDefault()">

我这样做是因为有时人们在不想提交表单的情况下按 Enter。所以为了避免意外，我添加了 prevent 默认值。

但是这会导致文本区域对 enter 键没有反应，我无法引入行空格。如果我编写文本并复制粘贴它，我可以添加新行，但不能在按下 enter 时添加。我该如何解决这个问题，以便我可以正常使用文本区域？

【问题讨论】：

标签： javascript html angular angular-material material-ui

【解决方案1】：

您可以将preventDefault() 留在表单元素上，并在特定元素（如textarea）上添加(keydown.enter)="$event.stopPropagation()"，然后在此处按回车不会触发提交，并且允许在多行输入中换行。

【讨论】：