输入键行为 Angular 和 Material 形式

Enter key behaviour Angular and Material form

在 MEAN 应用程序的表单中,我有:

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

我这样做是因为有时人们不想提交表单就按回车键。所以为了避免意外,我添加了防止默认值。

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

您可以在表单元素上保留 preventDefault(),并在特定元素(如 textarea)上添加 (keydown.enter)="$event.stopPropagation()" 并在此处按 Enter 不会触发提交,并且允许多行换行线路输入。