如何在点击传单弹出窗口时停止点击传播？

var flyerPopupShown = false;

// 监听传单弹出窗口的点击事件
document.getElementById('flyerPopup').addEventListener('click', function() {
    flyerPopupShown = true;
});

// 其他元素的点击事件处理函数
function handleClick(event) {
    if (flyerPopupShown) {
        event.stopPropagation(); // 阻止点击传播
    }
}

// 绑定其他元素的点击事件处理函数
document.getElementById('element1').addEventListener('click', handleClick);
document.getElementById('element2').addEventListener('click', handleClick);
// ...

#flyerPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent; /* 设置背景为透明 */
    z-index: 9999; /* 设置层级高于其他元素 */
}

document.getElementById('parentElement').addEventListener('click', function(event) {
    var target = event.target;

    // 判断是否点击了传单弹出窗口
    if (target.id === 'flyerPopup') {
        event.stopPropagation(); // 阻止事件传播
    }
});