87,923
社区成员
发帖
与我相关
我的任务
分享如何实现网页点击一次弹出一个弹窗，只弹出一次
有什么方法可以实现，点击页面的任何地方弹出一个弹窗，弹窗里面有一个表单，点击提交按钮弹窗关闭，再次打开或者刷新网页的时候，不再弹出
...全文
请发表友善的回复…
发表回复
木头海上漂 2016-12-14
- 打赏
- 举报
给你页面最外的元素绑定事件。。并且加入flag值阻止多余事件触发
弹出后的dom对象作为一个独立的模块进行开发就好了
弹出后的dom对象作为一个独立的模块进行开发就好了
forwardNow 2016-12-14
- 打赏
- 举报
大概的思路：
1. 从本地存储中读取标志isPop（是否已经弹窗过）
2. 如果 isPop == true，则返回（结束）
3. 如果 isPop == false，则往下执行
4. 在 document（或document.body）上注册click事件处理程序 clickHandler
5. clickHandler函数里：1. 进行弹窗的操作；2. 将“isPop=true”存储在本地
参考（请百度搜索）：
1. 事件冒泡
2. JS本地存储
看着是个昵称 2016-12-14
- 打赏
- 举报
给body 设置click事件
给submit设置click时间，submit为提交成功时，body的 click事件为一次，二次点击不再触发。刷新页面不再弹窗
不知道行不行
love_zhu52 2016-12-14
- 打赏
- 举报
如果有刷新页面，那么就需要使用到cookie或者session才能判断是否是第一次点击。
zhangning966 2016-12-14
- 打赏
- 举报
谢谢，好的，
