新鲜出炉mouseevent(mouseeventargs)

在文本框中输入一些数字，然后按下按钮查看事件处理的效果

如下面的代码片段所示，Blazor 还支持异步委托事件处理程序这些处理程序类型会返回一个 Task，在其内部我们可以使用 await 关键字调用异步方法private async Task Clear() { 。

await Task.Delay(10); number1 = 0; number2 = 0; total = 0; }理解 Blazor 事件参数大部分 Blazor 事件支持事件参数，这些参数是携带触发事件的相关信息的对象。

例如，KeyboardEventArgs 可以为我们提供用户按下的按键的详细信息让我们创建一个带有标准的 HTML div 元素的基本组件，如下所示@page "/mouseevents"

Mouse Events

privatestring coordinates = ""; privatevoidMove(MouseEventArgs e) { coordinates = $"

{e.ScreenX}:{e.ScreenY}"; } }上面的 div 元素处理 onmousemove 事件并将 MouseEventArgs 传递给方法名为 Move 的事件处理程序然后，Move 事件处理程序使用 。

MouseEventArgs 类中提供的 ScreenX 和 ScreenY 属性，用鼠标的 X 和 Y 位置更新本地字段 coordinates运行应用程序，并尝试在 div 中移动鼠标，您将看到坐标会实时更新。

Blazor 支持大量的 EventArgs 对象，但最常用的 EventArgs 如下表所示：

您可以在微软 Blazor 文档页面[2]上看到 EventArgs 的完整列表在 Blazor 事件中使用 Lambda 表达式Blazor 还支持将 Lambda 表达式作为委托事件处理程序您应当只在简单的用例中使用这些表达式，如果有很多的代码要执行，应避免使用 Lambda 表达式。

让我们修改一下前面的 Calculator 示例，这次使用 Lambda 表达式替代上面的 Calculate 和 Clear 方法@page "/calculator"

Calculator