Método de evento preventDefault()
Exemplo
Impedir que um link abra o URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O método preventDefault() cancela o evento se for cancelável, significando que a ação padrão que pertence ao evento não ocorrerá.
Por exemplo, isso pode ser útil quando:
- Clicar em um botão "Enviar" impede que ele envie um formulário
- Clicar em um link, impede que o link siga o URL
Nota: Nem todos os eventos são canceláveis. Use a propriedade cancelável para descobrir se um evento é cancelável.
Nota: O método preventDefault() não impede a propagação de um evento através do DOM. Use o método stopPropagation() para lidar com isso.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao método.
| Method | |||||
|---|---|---|---|---|---|
| preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Sintaxe
event.preventDefault()
Parâmetros
| Nenhum |
Detalhes técnicos
| Valor de retorno: | Sem valor de retorno |
|---|---|
| Versão DOM: | Eventos DOM Nível 2 |
Mais exemplos
Exemplo
Impedir a ação padrão de uma caixa de seleção:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});