直接上代码吧
处理函数
closest
的参数是弹窗的类名
const handleClickOutside = (event: MouseEvent) => {
const target = event.target as HTMLElement;
if (!target.closest('.popUpClassName')) {
//控制弹窗显示隐藏的变量
ispopup.value = false;
}
};
绑定到document
上
document.addEventListener('click', handleClickOutside);
记得在无用的时机移除
document.removeEventListener('click', handleClickOutside);