此处理程序将使用ClientX和ClientY属性来获取鼠标单击事件相对于屏幕左上角的位置。
引用 System.Threading.Tasks 命名空间,并在组件的方法中调用自定义方法。
@using System.Threading.Tasks
<div @onclick="DisplayClickedElementPosition" id="myDivElement"> 点击 </div>
@code {
public async Task DisplayClickedElementPosition(MouseEventArgs e)
{
var position = new string[] { e.ClientX.ToString(), e.ClientY.ToString() };
Console.WriteLine("Element was clicked at positions: " + String.Join(",", position));
}
}
这样就可以在Blazor中获取点击标签的位置和定位信息了。