HTML側滑菜單遮罩是什么？

Web頁面中使用遮罩層，可防止重復操作，提示loading；也可以模擬彈出模態窗口。

實現思路：一個DIV作為遮罩層，一個DIV顯示loading動態GIF圖片。在下面的示例代碼中，同時展示了如何在iframe子頁面中調用顯示和隱藏遮罩層。

示例代碼：

index.html

XML/HTML Code 復制內容到剪貼板

div側滑里面是使用以下代碼顯示遮罩蒙版的

只需要監聽該div的tap事件，即可實現關閉div側滑菜單并實現自我邏輯。

// 監聽點擊遮罩關閉事件

document.getElementById("backdrop").addEventListener('tap', function() {

//阻止默認事件

event.detail.gesture.preventDefault();

// 移除焦點

document.getElementById("searchtittle").blur();});