html遮罩点击,[已解决]DIV侧滑菜单怎么监听遮罩层点击事件？

DIV侧滑菜单怎么监听遮罩层点击事件？也就是说我需要在点击遮罩层关闭DIV侧滑的同时需要做一些逻辑操作。怎么才能监听到遮罩层点击事件，或者遮罩层关闭事件呢？

或者监听div侧滑菜单打开或者关闭事件呢？

以下方法目前证明无效：

// 菜单显示后执行操作

document.getElementById("offCanvasWrapper").addEventListener('shown', function(e) {

//菜单显示完成事件

moveTogether = true;

});

// 菜单隐藏后执行操作

document.getElementById("offCanvasWrapper").addEventListener('hidden', function(e) {

//菜单关闭完成事件

// 移除焦点(主要就需要实现关闭输入法)

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

moveTogether = false;

});

解决方案：

div侧滑里面是使用以下代码显示遮罩蒙版的

只需要监听该div的tap事件，即可实现关闭div侧滑菜单并实现自我逻辑。

// 监听点击遮罩关闭事件

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

//阻止默认事件

event.detail.gesture.preventDefault();

// 移除焦点

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

});