阻止Blazor WebAssembly在按enter键时提交表单

Question

我只是花了很长时间试图让Blazor不提交和重新加载页面，而是在输入键上启动我的方法。

<form>
<input type="text" class="form-text" @bind-value:event="oninput" @onkeydown="Enter" @bind-value="@searchString" />
<button type="button" class="btn btn-primary" @onclick="Search">Search</button>
</form>

每当我按回车键时，如果我使用回车键而不是点击，页面就会重新加载，从而阻止结果显示。所以我添加了

<button type="submit" disabled hidden></button>

现在这对我来说像是一个变通方法。有没有更优雅的方法?如果我有原始的按钮作为提交，它也不会工作。我认为这是有效的，因为有一个提交按钮的回车键，但被禁用它不能做任何事情。

Answer 1

在Blazor下使用form标签在大多数情况下是错误的，无论如何你可以在这里找到一个使用条件键的好例子:https://www.syncfusion.com/faq/blazor/forms-and-validation/how-do-i-conditionally-preventdefault-inside-the-input-component-in-blazor