如何使用JavaScript（非jQuery）实现点击页面空白后关闭弹窗？
答案:1 悬赏:20
解决时间 2021-01-11 22:53
- 提问者网友：最爱你的唇
- 2021-01-11 06:05
如何使用JavaScript（非jQuery）实现点击页面空白后关闭弹窗？
最佳答案
- 二级知识专家网友：一袍清酒付
- 2021-01-11 07:41
补充一种做法并不使用contains，而是利用事件冒泡。在出现弹窗（是指同一页面的浮层吧？）的同时，给document绑定点击事件，在事件处理函数内关闭这个弹窗。然后，也给这个弹窗元素绑定一个点击事件，在事件处理函数内阻止冒泡（event.stopPropagation()和event.cancelBubble=true）。
因为页面内任何地方的点击，正常都可以冒泡到document，然后关闭这个弹窗。然后只有弹窗阻止了这个冒泡，所以也达到了仅点击弹窗（及其子元素）之外的空白区域来关闭弹窗。
因为页面内任何地方的点击，正常都可以冒泡到document，然后关闭这个弹窗。然后只有弹窗阻止了这个冒泡，所以也达到了仅点击弹窗（及其子元素）之外的空白区域来关闭弹窗。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯