停止点击事件触发

Question

I have 2 seperate event listeners, the first one is a click event, second one is a window beforeunload listener: This is the click event listener:

document.body.addEventListener('click',function(event){  
if (event.defaultPrevented) return;
console.log('click EL');
})

and this is the beforeunload listener:

window.addEventListener("beforeunload", function (e) {
    e.preventDefault();
    console.log('beforeunload EL');
})

Can I stop the click event from firing if the beforeunload is fired? I've tried doing it with event.preventDefault(); still it didn't work.

Answer 1

Try this, This is working code:

var beforeunload = function (e) {
    e.preventDefault();
    console.log('beforeunload EL');
}

window.addEventListener("beforeunload", beforeunload);

document.body.addEventListener('click',function(event){
    if (event.defaultPrevented) return;
    console.log('click EL');
    window.removeEventListener("beforeunload", beforeunload);
});

Just remove the listener if your click happened