Blazor技术问题：如何结合参数与KeyboardEventArgs使用onkeyup

要在Blazor的@onkeyup事件中同时获取文档对象和键盘事件信息，你需要通过Lambda表达式包裹事件处理逻辑，这样既能捕获循环中的document参数，又能传递KeyboardEventArgs。

修正后的代码实现： #

@foreach (var document in DocumentList)
{
    <a tabindex="0" type="button" 
       @onclick="() => ShowDocument(document)" 
       @onkeyup="(e) => OnDocumentKeyUp(document, e)">@document.Doname</a>
}

@code{
    private void OnDocumentKeyUp(Do document, KeyboardEventArgs e)
    {
        // 记录操作（可根据需求添加日志或统计逻辑）
        Console.WriteLine($"用户对文档【{document.Doname}】触发了按键操作：{e.Code}");

        // 验证按键（回车或空格）
        if (e.Code is "Enter" or "NumpadEnter" or "Space")
        {
            ShowDocument(document);
        }
    }

    // 假设已有ShowDocument方法
    private void ShowDocument(Do document)
    {
        // 处理文档展示逻辑
    }
}

关键说明： #

• 前端绑定事件时，使用(e) => OnDocumentKeyUp(document, e)的Lambda形式，其中e代表键盘事件参数，document是循环中当前的文档对象，两者都会被传递到事件处理方法中。
• 后端方法OnDocumentKeyUp可以同时接收Do类型的document和KeyboardEventArgs类型的e，满足记录操作、验证按键、获取文档参数的需求。

内容的提问来源于stack exchange，提问作者Frank Mehlhop