JavaScript Event.defaultPrevented

Se o senhor começou com o antigo on_____ ou com a propriedade addEventListener, o senhor sabe que os eventos impulsionam as experiências do usuário no JavaScript moderno. Se o senhor já trabalhou com eventos, sabe que preventDefault() e stopPropagation() são usados com frequência para lidar com eventos. Uma coisa que o senhor provavelmente não sabia: existe um defaultPrevented sobre eventos!

Considere o seguinte bloco de código:

// Specific to a link
const link = document.querySelector('#my-link');
link.addEventListener('click', e => e.preventDefault());

// A larger document scope
document.addEventListener('click', documentClickHandler);
function documentClickHandler(event) {
    if (event.defaultPrevented) {// Using the property
        // Do one thing if the click has been handled
    }
    else {
        // Otherwise do something fresh
    }
}

Quando preventDefault é chamado em um determinado evento, o defaultPrevented é alternada para true. Devido à propagação de eventoso evento borbulha para cima com o seguinte defaultPrevented valor.

Há duas décadas venho lidando com eventos e não sabia que essa propriedade existia até agora. O que é ótimo no defaultPrevented é que ela permanece com o evento sem a necessidade de rastreá-lo globalmente!