Javascript 如何创建自己的自定义模态事件

我正在制作我自己的模型。但是我需要为我的模态设置事件，就像引导中的模态事件一样。因为我希望在向用户显示我自己的模式后发生一些事情

我的问题是，这些引导模式事件到普通js中的等价物是什么

show.bs.modal
show.bs.modal
hide.bs.modal
hidden.bs.modal

你可以用它。希望下面的例子有帮助

当

show_modal

函数调用时，它将触发

modal_show

事件

当调用

hide_model

函数时，它将触发

model_hide

事件

我们可以在任何地方监听这两个事件，比如

window.addEventListener（'modal_show'）…

函数show_modal（）{
//在这里显示模态逻辑
//创建自定义事件
常量事件=新事件（“模式显示”）；
//发送事件
窗口。dispatchEvent（事件）；
}
函数hide_modal（）{
//在这里隐藏模态逻辑
//创建自定义事件
常量事件=新事件（“模式隐藏”）；
//发送事件
窗口。dispatchEvent（事件）；
}
//倾听事件。
addEventListener（'modal_show'，函数（e）{/*…*/}，false）；
addEventListener（'modal_hide'，函数（e）{/*…*/}，false）；