时间戳

首页 > 解决方案 > Angular/ HTML：单击或按 Enter 后调用函数

html - Angular/ HTML：单击或按 Enter 后调用函数

问题描述

我有一个输入字段，单击一个按钮后，我正在调用一个函数并取回正确的东西。现在我还希望该函数在按 Enter 后调用。

目前我的代码如下所示：

<div class="input-group mb-3">
    <input (keyup)="searchUser($event)" stype="text" class="form-control" placeholder="Suche nach Nachnamen ..."
        aria-label="Recipient's username" aria-describedby="button-addon2">
    <div class="input-group-append">
        <button (click)="searchForUser()" class="btn btn-outline-secondary" type="submit"
            id="button-addon2">Suche</button>
    </div>
</div>

我已经尝试将我的 div 放入<form></form>. 然后整个页面正在重新加载。

标签： htmlangularbuttonsubmit

解决方案

将输入和按钮包装在表单标签中，而不是在按钮上使用单击处理程序，而是将其作为表单元素上的提交处理程序。

<form (submit)="searchForUser()">

或者，您可以完全删除 type="submit"。

推荐阅读