Jump to content


Photo

adicionar evento clique a todos elementos c/ mesma classe fora do loop

Javascript evento clique jquery loop

  • Faça o login para participar
5 replies to this topic

#1 Emerine

Emerine

    Normal

  • Usuários
  • 79 posts
  • Sexo:Não informado

Posted 11/02/2015, 05:58

gostaria de saber de que maneira vocês adicionariam um evento clique a todos os links com a mesma classe sem utilizar jquery e sem que este evento clique esteja inserido dentro de um loop for, o motivo disso é este: (don't use functions inside a loop), pelo que vi na web à fora fazer uma função dentro de um loop é uma má prática, além disso pode causar alguns problemas de performance.

 



#2 Danilomaru

Danilomaru

    Ativo

  • Moderadores
  • 300 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 12/02/2015, 03:03

Você pode usar a função nativa do JavaScript getElementsByClassName, por exemplo:

for(var elem in document.getElementsByClassName('BUTTON')) {
elem.click = function () {
//seu codigo aqui
};
}

O objeto document tem outros getElement(s)By, como por Name, TagName, Id e TagNameNS, este último precisa de um namespace junto ao nome da tag.

Creio que o código JS não esteja 100%, mas a ideia em geral está correta.

Mas desse modo feito acima, estamos criando várias cópias da função, o que é péssimo para a memória. Então, a melhor coisa a se fazer é criar a função fora do loop, e atribuirmos ela ao evento de click, desse modo:

var metodo = function () {
//Seu codigo aqui
};

for(var elem in document.getElementsByClassName('PLACEHOLDER')) {
elem.click = metodo;
}


#3 AliRaza08

AliRaza08

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino

Posted 26/03/2015, 07:55

Mas desse modo feito acima, estamos criando várias cópias da função, o que é péssimo para a memória. Então, a melhor coisa a se fazer é criar a função fora do loop, e atribuirmos ela ao evento de click, desse modo:

 

 

 

 

 

 

 

Kashmiri Butt

Edição feita por: AliRaza08, 26/03/2015, 07:55.


#4 admin

admin

    Normal

  • Admin Geral
  • 114 posts
  • Sexo:Não informado

Posted 26/03/2015, 08:19

Lembre-se de adicionar TAGS na postagem inicial!



#5 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/09/2017, 11:58

Ou Trouver Du Tadalis Sx Pas Cher online pharmacy Propecia Worked For Me Hair Transplant
Viagra 50 Ans Nolvadex Musculation Mix Klonopin With Cephalexin
Birth Contorl Overnight <a href=http://cialtobuy.com>cialis</a> Forum Levitra

#6 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 06/10/2017, 02:23

Legally Levaquin Where To Buy Discount Overnight Shipping viagra online prescription Clomid Acide Folique Je Cheap Cialis 20 Mg
Viagra Generika Silagra viagra Chewable Amoxicillin Swallowing Whole Cialis Lilly Brand Pills Can You Buy Cialis Online





Veja alguns posts relacionados com: Javascript, evento clique, jquery, loop

1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq