Quando visitamos uma página da web, inúmeras ações são acionadas. Essas ações podem incluir clicar em um botão, concluir e enviar um formulário, fechar uma guia, selecionar uma caixa de seleção ou rolar a página. Essas atividades de evento podem ser interrompidas em JavaScript. Além disso, é possível impedi -los de realizar a ação padrão relacionada. Mais especificamente, o “PreventDefault ()”O método JavaScript interrompe a execução de um evento cancelável.

Este post declarou:

• Qual é o evento.PreventDefault () Método em JavaScript?
• Como usar o evento.PreventDefault () Método em JavaScript?

O que é evento.PreventDefault () em JavaScript?

O "PreventDefault ()”É um método JavaScript que é utilizado para impedir que o navegador execute as ações e eventos padrão para os elementos especificados. Pode impedir o usuário de executar a solicitação, atingindo o link.

Como usar o evento.PreventDefault () Método em JavaScript?

Para usar o “evento.PreventDefault ()”Método em JavaScript, siga a sintaxe abaixo declarada

Na sintaxe acima:

• ““evento”É utilizado para denotar qualquer ação.
• ““PreventDefault ()”O método não permite que nenhum parâmetros passe. Não aceita o valor do parâmetro.

Exemplo 1: Evite a caixa de seleção usando o método DeventDefault ()

Para evitar caixas de seleção usando o “PreventDefault ()”Método, primeiro, faça uma página HTML e adicione um título com a ajuda de qualquer tag de título de“

" para "

" marcação. Para fazer isso, o “

”A tag é utilizada aqui:

evento.PreventDefault () Método

Use o "”Tag HTML e adicione a descrição dentro da tag:

Você é um desenvolvedor

Agora, use o “”Elemento e adicione o atributo listado abaixo:

• Especifique o "tipo”Atributo e defina o valor como“ caixa de seleção ”.
• ““eu ia”O atributo é usado para definir um ID com um nome específico:

Sim

Insira a tag de script e adicione o seguinte código:

No trecho de código acima:

• Use o "getElementById ()”Método para retornar um elemento com um ID específico. O método getElementById () retorna nulo se o elemento não existir.
• ““addEventListener ()”O método é usado para vincular um manipulador de eventos a um elemento definido.
• Então, passe o “PreventDefault ()”Como o parâmetro deste método, que impedirá o elemento de tipo de entrada adicionado.

Saída

Exemplo 2: Evite o campo de entrada usando o método DeventDefault ()

Para evitar o campo de entrada usando o “PreventDefault ()”Método, primeiro, adicione um rótulo usando o HTML“" marcação:

Insira o texto

Especifique o tipo de entrada como “texto”E atribua um ID:

Utilize o “”Tag e adicione o seguinte código para processamento adicional:

No trecho de código acima:

• Use o "getElementById ()”Para obter o elemento de campo de entrada.
• Então, utilize o “se/elseDeclaração e adicione a condição necessária.

Saída

Isso é tudo sobre o evento.PreventDefault () em JavaScript.

Conclusão

O "PreventDefault ()”É um método JavaScript que é utilizado para impedir que o navegador execute as ações e eventos padrão para os elementos especificados. Você pode usar este método para evitar a caixa de seleção, o campo de entrada, o botão de rádio e outros tipos de entrada. Este tutorial declarou o uso do JavaScript “evento.PreventDefault ()”Método.