基于原生JS封装的Modal对话框插件的示例代码

基于原生js封装modal对话框插件，具体内容如下所示：

原生js封装modal对话框插件，个人用来学习原理与思想，只有简单的基本框架的实现，可在此基础上添加更多配置项

api配置

modal插件核心功能的开发

导出

使用对象和函数创建实例

想使用创建对象的方式new modalplugin()创建实例或当做普通函数执行modalplugin(),创建实例,需要这样做

配置项

命令模式init()执行逻辑

创建dom

对参数进行处理

控制隐藏与显示

基于事件委托处理点击事件

基于发布订阅实现回调函数的监听(生命周期)

//使用:

完整代码

使用

使用时需要引入modalpugin.js和modalpugin.css

使用示例1:

使用示例2:

github

完整代码

到此这篇关于基于原生js封装的modal对话框插件的示例代码的文章就介绍到这了,更多相关js封装modal对话框插件内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！