在我的blazor server侧应用程序中，我想监听mouseclick eventRazor 页面上的事件，当mouseclick事件发生时（按钮除外），我想运行一个方法。我尝试使用 JavaScript 进行以下操作，但没有成功：
在我的_host.cshtml中添加以下脚本：
window.addDocumentClickListener = () => {
document.addEventListener('click', function (e) {
if (e.target.tagName.toLowerCase() !== 'button') {
DotNet.invokeMethodAsync('MyProjectName', 'HandleMouseClick');
}
});
};
在我的 Razor 页面中：
@inject IJSRuntime JS
...
...
@code {
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender )
{
await JS.InvokeVoidAsync("addDocumentClickListener");
}
}
[JSInvokable]
public void HandleMouseClick()
{
Action_On_Mouseclick();
}
}
