Chamar metodo dentro de um click

Rafael da Silveira · Maio 5, 2017

Galera, é o seguinte...

como chamar um método dentro de um click?

Eu preciso de um metodo por que vou usar ele entro varios outros botões...e quando eu chamar a funcao pelo objeto...como por exemplo

objeto.fechar()

var objeto = function(){
  
  	this.fechar = function(){
    	//Fazer algo
    	}
     
  	this.create = function(){
    		this.btnFechar = document.createElement('button');
      		this.btnFechar.addEvenetListener('click',function(){
        		//COMO CHAMAR O METODO FECHAR DO OBJETO AQUI DENTRO???
        	})
      		document.querySelector('html').appendChild(this.btnFechar);
    	}
}

Prog · Maio 5, 2017

Veja se isso lhe atende.

var objeto = function(){
  
  function fechar(){
    alert('teste');
  }
     
  this.create = function(){
    fechar();
  }
}

var teste = new objeto();
teste.create();

Rafael da Silveira · Maio 5, 2017

Não funcionou :(

Não consigo chamar nen pelo click do botão..nen pelo proprio objeto

teste.fechar() //Não veio

Eziquiel · Maio 5, 2017

Por que não usa JQuery?

Segue exemplo pra você analisar:

https://codepen.io/Eziquiel/pen/gWGyQM?editors=1010

Douglas Julião · Maio 8, 2017

tenta fazer assim:

var objeto = function(){
  	var th = this;
  	th.fechar = function(){
    	//Fazer algo
      	console.log('fechar');
    }
     
  	th.create = function(){
    	var btnFechar = document.createElement('button');
        document.querySelector('body').appendChild(btnFechar);
          
          btnFechar.onclick = function(){
          	th.fechar();
          };
    	}
};
var t = new objeto();
t.create();

EdCesar · Maio 8, 2017

@Rafael da Silveira, tem erros de escopo, e sintaxe no seu código

Não deixe de pesquisar depois sobre o uso e escopo do this
O addEvenetListener também esta escrito errado

Teste isso:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    
    var objeto = function(){
      
        this.fechar = function(){
            alert('teste');
        }
        
        this.create = function(){
          
            var self = this;
          
            this.btnFechar = document.createElement('button');
            
            this.btnFechar.appendChild(document.createTextNode('Clique'));
            
            document.querySelector('body').appendChild(this.btnFechar);
          
            this.btnFechar.addEventListener('click',function(){
                self.fechar();
            });
        }
    }
    var meuObjeto = new objeto;
    meuObjeto.create();
</script>
</body>
</html>

Rafael da Silveira · Maio 9, 2017

Galera, muito obrigado deu certo aqui..

Essa jogadinha de usar uma variavel pra recuperar o elemento não sabia... ajudou bastante aqui

Obrigado!

Entrar

Arquivado

Chamar metodo dentro de um click

Recommended Posts

Rafael da Silveira 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Prog 183

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael da Silveira 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Eziquiel 96

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Julião 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

EdCesar 124

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael da Silveira 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante