如何通过ESC按钮禁用输入清除，引导程序-5

Question

我有一段搜索字段的代码：

<form class="container" role="search">
<div class="row">
<div class="col-12">
<input name="searchItem" #searchInput="ngModel" ngModel
(ngModelChange)="searchUserShowCpv(searchInput.value)" class="form-control me-2" type="search"
placeholder="Search" aria-label="Search">
</div>
</div>
</form>

问题是，如果字段中有某个值，并且按下ESC按钮，该字段将被清除，但空字段值的ngModelChange事件不会触发。

按Esc键时如何禁用字段清除？

Answer 1

如文档中所述。输入type="search"就是这样工作的。

您可以将(keydown.escape)="$event.preventDefault()"添加到输入元素，以防止在点击时清除退出按钮

<input name="searchItem" #searchInput="ngModel" ngModel
(keydown.escape)="$event.preventDefault()"
(ngModelChange)="searchUserShowCpv(searchInput.value)" class="form-control me-2" type="search"
placeholder="Search" aria-label="Search">
</div>