BlazorServer如何取消订阅/处置从JSR调用的JS事件?
创始人
2024-12-21 15:30:11
0
  1. 在Blazor组件内使用JSRuntime注册事件:
var element = await JSRuntime.InvokeAsync("getElementById", "myElementId");
await element.InvokeVoidAsync("addEventListener", "click", DotNetObjectReference.Create(this).ToString());
  1. 使用Dispose方法取消订阅事件,例如在组件卸载时:
protected override void OnAfterRender(bool firstRender)
{
    if (firstRender)
    {
        var element = await JSRuntime.InvokeAsync("getElementById", "myElementId");
        await element.InvokeVoidAsync("addEventListener", "click", DotNetObjectReference.Create(this).ToString());
    }
}

public void Dispose()
{
    var element = await JSRuntime.InvokeAsync("getElementById", "myElementId");
    await element.InvokeVoidAsync("removeEventListener", "click", DotNetObjectReference.Create(this).ToString());
}

在这个示例中,当组件加载时,注册了一个click事件,当组件卸载(即可见性true)时,取消注册该事件。在取消事件时,使用removeEventListener方法,并传递事件名称和前面注册的字符串(通过DotNetObjectReference创建)作为参数。

相关内容

热门资讯

有消息称!边锋辅助器"... 有消息称!边锋辅助器"原来确实有辅助技巧"(哔哩哔哩)1、起透看视 边锋辅助器辅助软件价格2、随意选...
黑科技辅助挂!广西友乐辅助ap... 黑科技辅助挂!广西友乐辅助app"本来真的有辅助插件"(哔哩哔哩)1、用户打开应用后不用登录就可以直...
现有说明如下!熊猫辅助技术导航... 现有说明如下!熊猫辅助技术导航"真是确实有辅助挂"(哔哩哔哩)在进入熊猫辅助技术导航软件靠谱后,参与...
值得注意的是!七千在线十三道辅... 值得注意的是!七千在线十三道辅助"都是存在有辅助工具"(哔哩哔哩)七千在线十三道辅助是不是有人用挂微...
据公告内容!决战卡五星辅助源码... 据公告内容!决战卡五星辅助源码"切实真的有辅助插件"(哔哩哔哩)1、决战卡五星辅助源码有没有辅助教程...
插件辅助挂!潮汕汇鱼虾蟹辅助&... 插件辅助挂!潮汕汇鱼虾蟹辅助"果然是有辅助器"(哔哩哔哩)1、全新机制【潮汕汇鱼虾蟹辅助ai辅助工具...
为了进一步!科乐游戏辅助脚本下... 为了进一步!科乐游戏辅助脚本下载"真是真的是有辅助软件"(哔哩哔哩)一、科乐游戏辅助脚本下载游戏安装...
截至发稿!天酷辅助巡查系统&q... 截至发稿!天酷辅助巡查系统"确实真的是有辅助脚本"(哔哩哔哩)1、天酷辅助巡查系统透视辅助软件激活码...
2026版教程!指尖四川辅助脚... 2026版教程!指尖四川辅助脚本视频"一直存在有辅助方法"(哔哩哔哩)该软件可以轻松地帮助玩家将指尖...
第三方辅助!蜀山四川免费辅助软... 第三方辅助!蜀山四川免费辅助软件"果然存在有辅助工具"(哔哩哔哩)1、这是跨平台的蜀山四川免费辅助软...