在Blazor中从点击事件中获取元素的id,可以通过以下步骤实现:
string ElementId { get; set; }
OnElementClick(e, "elementId"))" id="elementId">Click me
void OnElementClick(MouseEventArgs e, string id)
{
ElementId = id;
}
完整代码示例:
@page "/click"
OnElementClick(e, "element1"))" id="element1">Element 1
OnElementClick(e, "element2"))" id="element2">Element 2
OnElementClick(e, "element3"))" id="element3">Element 3
OnElementClick(e, "element4"))" id="element4">Element 4
Clicked @ElementId
@code {
string ElementId { get; set; }
void OnElementClick(MouseEventArgs e, string id)
{
ElementId = id;
HighlightElement(id);
}
void HighlightElement(string id)
{
var element = Document.GetElementById(id);
if (element != null)
{
element.ClassList.Add("highlight");
Task.Delay(1000).ContinueWith((t) =>
{
element.ClassList.Remove("highlight");
});
}
}
}