Método de evento preventDefault()

Eventos DOM Objeto Event

Definição e uso

Se o evento for cancelável, o método preventDefault() cancelará o evento, o que significa que a ação padrão do evento não ocorrerá.

Por exemplo, é útil nas seguintes situações:

  • Clique no botão "Enviar", para evitar que o formulário seja submetido
  • Clique no link, para evitar que o link siga a URL

Observação:Não todos os eventos podem ser cancelados. Use Propriedade cancelável para determinar se o evento pode ser cancelado.

Observação:O método preventDefault() não impede que o evento se propague através do DOM. Use o método stopPropagation() para resolver isso.

Exemplo

Exemplo 1

Prevenir que o link abra a URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

Experimente pessoalmente

Exemplo 2

Prevenir a ação padrão do campo de seleção:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

Experimente pessoalmente

gramática

evento.preventDefault()

Parâmetros

Sem.

Detalhes técnicos

Retorno: Sem retorno.
Versão DOM: DOM Level 2 Events

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o método.

Métodos Chrome IE Firefox Safari Opera
preventDefault() Suporte 9.0 Suporte Suporte Suporte
Eventos DOM Objeto Event