C# 在不使用JavaScript的情况下,如何在Microsoft Blazor中隐藏鼠标光标?
这里没有太多的描述。我所要做的就是减少Blazor的JavaScript函数调用,让Blazor完成它的使命,“避免使用JavaScript”。因此,在这里回答这个问题只是为了帮助未来的探索者在不使用复杂编码的情况下解决类似问题 在Index.razor文件或您选择的要隐藏鼠标光标的组件中,放置以下代码C# 在不使用JavaScript的情况下,如何在Microsoft Blazor中隐藏鼠标光标?,c#,css,blazor,.net-5,blazor-webassembly,C#,Css,Blazor,.net 5,Blazor Webassembly,这里没有太多的描述。我所要做的就是减少Blazor的JavaScript函数调用,让Blazor完成它的使命,“避免使用JavaScript”。因此,在这里回答这个问题只是为了帮助未来的探索者在不使用复杂编码的情况下解决类似问题 在Index.razor文件或您选择的要隐藏鼠标光标的组件中,放置以下代码 private bool _showMouse; private static Timer _timer = new(_timerDuration); private static double
private bool _showMouse;
private static Timer _timer = new(_timerDuration);
private static double _timerDuration = 5000; //In my case, I wanted to hide after five seconds.
protected override async Task OnInitializedAsync()
{
_timer.Start();
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
_timer.Elapsed += (sender, args) =>
{
_showMouse = false;
StateHasChanged();
};
}
}
private void OnMouseMove(MouseEventArgs e)
{
_showMouse = true;
_timer.Interval = 5000;
}
将此项添加到根元素的内嵌样式中,您希望鼠标在指定的非活动时间后隐藏在其中
...
.
.
...
多谢各位。希望将来能对别人有所帮助