stopPropagation如何取消preventDefault？

Question

我有一個網站不允許通過單擊鼠標右鍵打開上下文菜單。
似乎該網站確實通過在事件oncontextmenu上使用preventDefault來阻止它。
我能夠繞過它

window.addEventListener('contextmenu', (event) => {
    event.stopPropagation();
}, true)

我知道preventDefault會阻止事件的默認操作，而stopPropagtion會阻止事件將氣泡發射到其父元素。 但是stopPropagation如何取消preventDefault呢？

Answer 1

通過調用stopPropagation ，您可以阻止其他附加的事件偵聽器捕獲事件。 因此，調用preventDefault的事件偵聽器不會捕獲它，因此不會阻止上下文菜單打開。

請參見下面的示例。 試圖阻止上下文菜單打開的偵聽器未被執行，因為調用了stopPropagation ：

 window.addEventListener('contextmenu', (event) => { console.log('stopPropagation') event.stopPropagation(); }, true) document.body.addEventListener('contextmenu', (event) => { console.log('stop context menu') event.preventDefault(); })

 Right click <br/> <br/> Notice that 'stop context menu' is not logged