Ir para conteúdo
FabianoSouza

Remover click do listener do body

Recommended Posts

Tenha uma situação em que preciso abrir uma janela modal para trazer detalhes do item clicado na página mão.

O problema é que essa modal é carregada via AJAX. Por isso, sempre que eu a chamo preciso definir o evento click no body da pg mãe para que um elemento da página modal possa ser clicado.

 

	var elemBody = document.body
	elemBody.removeEventListener('click', function(e) {
		if  (e.target.id == 'spStatusRecruta')
		  {
			alert('TESTE')
		  }

O problema é que, quando eu abro a modal novamente, ocorre o alert duas vezes.

Concluo que meu código esteja "acumulando" o evento click do body, toda vez que eu chamo a modal.

 

Como resolvo isso??

 Tem como remover o evento click do body antes de adicionar para evitar o "acumulo" de eventos no listener do body ??

 

valew

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Nyetto
      Bom dia! Estou iniciando meus estudos em HTML e CSS e estou com um problema que não consigo resolver.
      Não tive problemas em aplicar o CSS em h1, mas ao abrir body{}, um retângulo azul apareceu na visualização e não consigo tirá-lo de lá de jeito nenhum! como proceder?
      h1{ color: indianred; text-align: center; } body{ background: black; } <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> TESTE </title> <link href="styles.css" rel="stylesheet"> </head> <body> <h1> TESTE DE CSS </h1> </body> </html>  

    • Por Sanderlan Wanderley
      Olá, bom dia!
       
      Sou novo tanto no fórum quanto a programação em PHP.
       
      Minha duvida é como faço para remover o espaço criando no topo, pelo que eu vi é o <body> é como se a tag <?php? estivesse abrando abaixo da body.
       
      no código php verificar se tem um arquivo e se não tiver ele abre um include com uma pagina inframe de um vídeo do youtube.
       
      <title>Documento</title>
      <meta HTTP-EQUIV="refresh" CONTENT="380">
      <?php include ("conexao.php");?>
      <style type="text/css">
      </style>
      </head>
      <body>
      <?php
      $arquivo = ("2/index.php");/* Esse é o arquivo*/
       
      if (file_exists($arquivo)) /*Verificar se existe o arquivo*/
      {
          include ("$arquivo"); /*Se ele estive presente abrir */

      else /*Se ele estiver ausente abrir (1/index.php)*/
      {
          include ("1/index.php");
          
      }

      ?>
      </body>
      </html>
       
      Obs 1. já criei um novo body com dimensões 0px, já botei o php dentro de uma div top 0px. nada resolve, acho é aquele icone php que aparece quando a pagina está off, não sei!
       
      Alguém me ajuda.
      Obs 2; na página onde se encontra o iframe do youtube abre normal.
       


    • Por marcelocardoso
      Galera!!!
       
      Como posso remover uma classe, no caso a tag BODY { e suas propriedades }?
      No caso, gostaria de remover ela, e atribuir novamente ela denovo, mas com propriedades diferentes....???

      Tentei assim, mas não deu:
       
      <script type="text/javascript"> $(document).ready(function() { $('html').removeClass("body") $('html').addClass("background-color","#DCE5F2") }); </script> Teria que assim q carregar a página, fazer um load para autocarregar?
      É possível isso?

      Se sim, gostaria de contribuições,
      No mais, obrigado.
      Até....
       
       
    • Por Walter Alves
      Olá, estava querendo aplicar um efeito blur em todo o body, menos em uma div, tentei mais ou menos assim, mas não funcionou :/ as duas imagens ficam com o efeito blur
      <html> <head> <style> body:hover { -webkit-filter: blur(10px); filter: blur(0px); } #semefeito { -webkit-filter: blur(0px); filter: blur(0px); } body #semefeito:hover { -webkit-filter: blur(0px); filter: blur(0px); } </style> </head> <body> <div><img width=300 src="http://oi44.tinypic.com/1ymkup.jpg"></div> <div id="semefeito"><img width=300 src="http://oi44.tinypic.com/1ymkup.jpg"></div> </body> </html>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.