输入键行为 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 不会触发提交,并且允许多行换行线路输入。
在 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 不会触发提交,并且允许多行换行线路输入。