JavaScript | Remova o método do Listener com exemplos

O JavaScript oferece vários métodos internos para executar algumas operações básicas e.g. Validação de formulários, manuseio de eventos, gerenciamento de sites, etc. O RemoneeventListener () O método é utilizado para remover um evento que já foi adicionado em JavaScript.

Para entender o método RemowEventListener (), primeiro o usuário deve ter uma idéia do addEventListener () método. No método addEventListener (), um evento é anexado a este método para executar as operações. Por outro lado, o método RemoneventListener () é utilizado para remover um evento. Este guia fornece uma visão profunda do método RemoneventListener () em JavaScript.

Como usar o método RemoneventListener () em JavaScript?

Se um usuário quiser desativar um botão após um clique, pode usar o RemoneeventListener () método. A sintaxe do método RemoneventListener () é o seguinte:

Sintaxe

elemento.RemoverventListener (evento, função, captura)

Os parâmetros usados ​​na sintaxe acima estão listados aqui:

• evento: identifica o evento a ser removido.
• função: representa a função de remoção.
• capturar: especifica verdadeiro e falso de acordo com o resultado; O valor padrão é falso.

Exemplo 1

Um exemplo está adaptado no qual o RemoneeventListener () o método é utilizado para remover um evento que foi adicionado pelo addEventListener () método. Neste exemplo, dois argumentos são necessários. Um argumento especifica o nome do evento, enquanto o outro é uma função associada ao ouvinte do evento.

Código

Bem -vindo ao JavaScript World

Um exemplo para usar o método RemoneventListener ()

Experimente o botão mágico para consertar

A descrição do código acima é alistada aqui:

• Primeiro, o addEventListener() O método é usado para anexar um mousemove evento nomeado MagicFunção.
• O addEventListener is acionado se o movimento do mouse for detectado. Caso contrário, ele anexa um Anexevent evento para gerar números aleatórios contínuos.
• Depois disso, o MagicFunção() o método é utilizado para gerar os números aleatórios com o Matemática.aleatório() método.
• No final, um costume RemowHandler () Método é usado em que RemovaeventListener() é chamado para remover o evento que gera o número aleatório. De outra forma, um destacar o evento é acionado para pausar o número.

Saída

A saída retorna uma tela na janela do Chrome usando o RemovaeventListener() método. Nesta tela, números aleatórios são gerados continuamente que estão associados ao movimento do mouse. Um botão é anexado aqui chamado “Experimente o botão mágico para consertar”. É usado para corrigir o número gerado aleatoriamente.

Exemplo 2

Outro exemplo é seguido aqui utilizando o RemoneeventListener () método. O código é o seguinte:

Código

Bem -vindo ao JavaScript World

Outro exemplo para usar o método RemoneventListener ()

Botão mágico

No código, o RemovaeventListener() O método é utilizado com um botão. O id do botão é passado para o RemovaeventListener() Método, que removerá o evento quando o botão for pressionado.

Saída

Antes de clicar no botão:

Depois de clicar no botão:

Depois de clicar no Botão mágico, É chamado um evento que gera uma janela pop-up no navegador da web.

Conclusão

O método RemoneventListener () é utilizado para remover o evento já adicionado em JavaScript. Para praticar esse método, você deve adicionar um evento usando o addEventListener () Método em JavaScript. Depois disso, o RemoneeventListener () o método pode ser chamado para remover esse evento. Aqui, você aprendeu o trabalho e o uso do método RemoneventListener () em JavaScript com a ajuda de exemplos básicos e avançados.