首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 彈出層表單如何正確關閉與移除遮罩層

     編輯:程式設計綜合問答

建立彈出式登入表單時,通常會先加入一個遮罩層(mask),再將表單區塊設為顯示。當使用者點擊取消鍵時,需要同時隱藏或移除表單與遮罩層,並恢復頁面的捲動功能。

使用 jQuery 可以簡單地透過 hide() 隱藏指定 ID 的表單與遮罩 Div,若不再需要這些元素,也可使用 remove() 將其從 DOM 中完全移除。關鍵在於將關閉動作綁定到取消按鈕的點擊事件,並記得將 document.body.style.overflow 還原為預設值,這樣才能讓使用者關閉彈出層後正常瀏覽頁面。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved