Para evitar a ação padrão de um evento, você chama o preventDefault()método do objeto de evento :
event.preventDefault();Linguagem de código: CSS ( css )O evento continuará a se propagar normalmente, a menos que o manipulador de eventos invoque explicitamente o stopPropagation()método.
Suponha que você tenha a seguinte caixa de seleção:
<input type="checkbox" name="ckAgree" id="ckAgree"> AgreeLinguagem de código: HTML, XML ( xml )Ao clicar nele, seu estado será verificado. No entanto, você pode usar o preventDefault()para não alterar seu estado para ser verificado:
const ck = document.querySelector('#ckAgree');
ck.addEventListener('click', function (e) {
alert('Sorry! you cannot check this checkbox because of the preventDefault.');
e.preventDefault();
});Linguagem de código: JavaScript ( javascript )
