作者kisha024 (4545454554)
看板Ajax
标题[问题] 关闭(隐藏)视窗
时间Thu Sep 29 13:32:20 2022
大家好
底下这个范例 弹出视窗後 视窗外任一位置 点一下左键 视窗就关闭了
https://www.life.isdesigner.net/demo/animate-css2/demo.html#
https://www.life.isdesigner.net/animate-css2/
底下这个例子 如果也想要在视窗外任一位置 点一下左键 就隐藏DVI
https://jsfiddle.net/gt5br814/
请问要怎麽改? 谢谢
----------------------------------------
谢谢大家 我改好了 如下
https://jsfiddle.net/L7erj1td/
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 223.139.18.222 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1664429546.A.5C5.html
1F:推 nick8195: 上面的例子作法是在popup底下还有一层全版大小的底 09/29 13:37
2F:→ nick8195: 在那个底注册点击时同时关闭popup与底即可 09/29 13:38
3F:推 liisi: document onclick 会吧 ? 09/29 14:28
4F:→ liisi: 然後再 div onclick 加上 stopPropagation() 09/29 14:33
5F:→ liisi: 补充 显示 div 上加 09/29 14:34
※ 编辑: kisha024 (223.139.18.222 台湾), 09/29/2022 15:21:50
7F:→ acidjazz: 最近刚学JS试写XD,没有动到原本的html 10/07 11:09
8F:→ acidjazz: 只有把原本写在html上的事件都移到js 10/07 11:10