首页 > 新闻中心 > 技术百科

Blazor 怎么监听页面大小变化 返回列表

畫卷琴夢2025-12-16 00:00:00编辑发布,已经有个小可爱看过这篇文章啦
Blazor通过JS Interop监听window.resize事件:先在JS端注册监听器并调用.NET方法,再在C#组件中定义OnResize回调更新状态并重渲染。

Blazor 本身不直接提供内置的 window.resize 事件绑定机制,但可以通过 JavaScript 互操作(JS Interop)监听浏览器窗口大小变化,并把尺寸数据传回 C# 组件。整个过程分三步:注册 JS 监听器、定义回调方法、在组件中更新状态。

用 JS Interop 注册 resize 监听器

需要在 JavaScript 端设置一个监听函数,在窗口大小变化时调用 .NET 方法。推荐在 `_Host.cshtml` 或 `index.html` 的 `
  • ai
  • html
  • js
  • win
  • java
  • 浏览器
  • .net
  • javascript
  • c#
  • 响应式布局

热门新闻

来电咨询