本文介绍了用于在Blazor上的div或元素外部单击以将其关闭的事件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在我的Blazorserver-side项目中，我需要通过在菜单外部单击来关闭弹出菜单。
我使用一个简单的If语句通过触发onClick事件来显示/隐藏弹出窗口。但是没有通过在弹出菜单外部单击来关闭弹出窗口的事件。因此，用户应该只通过单击具有onClick事件的元素来关闭它。
所以我的问题是，我们如何才能在不使用JS的情况下更好地解决此问题？
提前感谢您。
推荐答案
我想出了一个不使用JS的解决方案，使用onMouseOver事件，我们可以将bool变量的值设置为TRUE，而通过ONMUSEOUT事件，我们可以设置为FALSE，从而验证鼠标是点击了标签元素还是点击了标签元素
<button @onclick="Show">Click</button>
<div @onmouseover="MouseIn" @onmouseout="MouseOut">...</div>
@code{
bool IsInside;
void Show()
{
if(!IsInside)
{
...
}
}
void MouseIn()
{
IsInside= true
};
void MouseOut()
{
IsInside= False;
}
}
这篇关于用于在Blazor上的div或元素外部单击以将其关闭的事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！