5
respostas

Boas práticas com Javascript

Pessoal pensando em boas práticas , o melhor é colocar a chamada a uma função direto na tag html através do atributo onclick ou escutar o evento com javascript através de um id ou class ?

Exemplo:

   <button type="button" onclick="MINHAFUNCAO" >Adicionar</button>

                                OU

$('#ID ou  '.CLASS').on( "click", function( ){  } );
$('#ID' ou ' .CLASS').onclick(function( ){ } );

Att.

5 respostas

Oi João, tudo bem ?

É melhor passar sempre pelo id, pois na mesma tela, você pode ter outros campos com a mesma class!

Matheus Brandino,

Bem pensado, cara mas a duvida maior seria chamar no onclick da tag ou escutando o evento com javascript?

Att

Opa, foi mal. kkk

Nesse caso, a comunidade geralmente opta por chamar diretamente o método onclick

Boa tarde,

Muito obrigado Mateus Brandino, cara sem querer ser chato ou algo do tipo mas apenas para questões de conhecimento e discussão que acredito que deve ser o intuito do fórum, cara porque?Você vê mais vantagem :

<input onclick="MinhaFuncao"/>

Do que :

$('#id').on('click', function(){ });

Você conhece os motivos pelos quais a comunidade opta por chamar diretamente o método onclick na tag?

Att.

Tenho outra opinião.

Eventos JS inline, direto no html foi mal visto por muitos anos, assim como o css inline ainda o é.

Através do on do jQuery ou addEventListener no JS puro, além de possibilitar maior organização, permite delegar eventos e controlar sua propagação, o que gera muito mais performance, enfim, acredito que o addEventListener ou on sejam o padrão, ou no mínimo o mais correto.