如何在 Blazor/Razor 中获取事件数据

Question

我今天开始使用 Blazor，同时已经有一些 web 开发经验。 然而，这似乎还不够。我想获取 onkeydown 事件的 eventarguments，所以我可以检查 enter-key-press。

我已经尝试在我的事件中使用一个函数来检查单独函数中的按键，并且已经尝试直接在 onkeydown 事件中插入一些东西但没有任何效果。

以下是我想从中获取按键的事件。

<input onkeydown="" bind="@todo.Title" />

Answer 1

您需要使用UIKeyboardEventArgs，类似于在JavaScript 中将事件作为参数传递。

<p id="p" onclick="doSomething(event);">

在 Blazor 中，您将通过以下方式执行此操作：

<input type="text" onkeypress="@(e => KeyWasPressed(e))" />

/* For .NET Core 3.0+ as per: https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.web.keyboardeventargs?view=aspnetcore-3.1 */
@functions {
  private void KeyWasPressed(KeyboardEventArgs args)
  {
    if (args.Key == "r")
    {
      Console.WriteLine("R was pressed");
    }
  }
}

/* For old .NET Core versions */
@functions {
  private void KeyWasPressed(UIKeyboardEventArgs args)
  {
    if (args.Key == "r")
    {
      Console.WriteLine("R was pressed");
    }
  }
}

正如@Bohring 在 cmets 中已经提到的，如果您正在编写 onkeypress="@KeyWasPressed"，您仍然会得到事件参数

您可以在此处阅读有关其他事件参数的更多信息：https://visualstudiomagazine.com/articles/2018/10/01/blazor-event-handling.aspx