如何使用JavaScript原生实现弹出式登录/注册框?

作者站长头像
站长
· 阅读数 17

怎么样可以不依靠任何框架,仅使用JavaScript原生实现弹出式登录/注册框

想要达成的效果

如何使用JavaScript原生实现弹出式登录/注册框?如何使用JavaScript原生实现弹出式登录/注册框?

回复
1个回答
avatar
test
2024-07-13

这个以前写过:

  1. 先以body作为父元素, 在屏幕中间位置定位一个盒子, 在里面把需要的结构样式写好
  2. 然后写好的结构就可以复制后删掉了(当然也可以改变display), 将其放到字符串里面
  3. 注册点击事件, 点击显示弹窗的按钮后将其添加到body上(当然也可以改变display)
  4. 然后用addEventListener绑定弹窗中需要的事件
  5. 弹窗需要隐藏时, 点击隐藏按钮后可以先用removeEventListener删除事件, 在隐藏弹窗(删除也行, display也行)

elementui使用的就是display none

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容