作者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/m.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