如何創建一個滑鼠離開視窗時彈出的彈窗
你知道那些當你試圖關閉瀏覽器視窗時出現的煩人彈窗嗎？ 它們好像知道你在試圖關閉視窗，就像它們能讀取你的思想一樣。 實際上，這是一個非常簡單的概念，你需要聽取特定的DOM事件。 我個人不推薦使用彈窗，因為我覺得它們很煩人，但是你的公司可能要求你實現一個，所以在這裡我們就來實現一個。 我喜歡保持事情簡單，所以這裡是HTML的部分： <!doctype html> <head> <title>彈窗頁面</title> </head> <body> <div id="popup"> <h3>彈窗！</h3> </div> </body> 再來是這部分的CSS： body { font-family: system-ui; background-color: #f6d198; } #popup { position: fixed; width: 100%; visibility: hidden; z-index: 10002; top: 0; opacity: 0; transform: scale(0.5); transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; position: relative; margin: 0 auto; text-align: center; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); width: 60%; background: #862a5c; padding-bottom: 100px; padding-top: 50px; color: #fff; font-size: 2rem; } 最後是這段JavaScript：...