CustomEvent自定义事件

通过CustomEvent可以定义一个自定义事件,用来定义一个全新的事件目标

CustomEvent()可接收两个参数,第一个参数是一个字符串,用来表示事件类型,第二个参数是一个对象,指定事件属性,可以将这个对象的detail属性设置为一个字符串、对象或其他值,表示事件的上下文

如下代码:

复制代码
// 定义一个busy事件表示很忙
document.dispatchEvent(new CustomEvent("busy",{ detail: true }))

fetch(url)
    .then(handlerFunc)
    .catch(handlerError)
    .finally(()=>{
        // 不论请求成功与否,都将busy事件上下文修改为false,表示已经不忙了
        document.dispatchEvent(new CustomEvent("busy",{ detail: false }))
    })
// 监听busy事件情况显示隐藏节点
document.addEventListener("busy", e=>{
    if(e.detail){
        show()
    }else{
        hide()
    }
})
复制代码

 

posted @   邢韬  阅读(547)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
点击右上角即可分享
微信分享提示