Yazılım.
CevapSitesi.com Beta!
Çözüm Noktası
Facebook, Twitter, Google+ veya e-posta ile paylaşın.
| Sorular | Makaleler | Üyeler | Etiketler  | İletişim
Soru sormak ya da cevap vermek için;
giriş yapın veya üye olun.

Sosyal medya hesaplarınızla da giriş yapabilirsiniz.
0

Javascript Kopyalama Buttonu?



(1) buttona tıklandığında açılan pencerede "Copy" butonu  çalışıyor 
"kod içinde (<div class="modal fade" id="01" role="dialog">)alttaki javas kodları.

Fakat diğer button javascript kodları çalışmıyor, (yapamadım).

blogspot.com çalıştıracağım için dış "js" kodu kullanamıyorum.

yinede kod içinde dış "js" çağırdım fakat sadece (1.) Butonu çalıştırdığı.(Diğerleri çalışmadı)
   Tüm kod (3) birin ve birbirinin kopaysı 
   1) buton isimleri
   2) açlın pencere yazıları 
   3) javascript kodları 

kod
https://jsfiddle.net/565rmt5a/1/

Cevaplar için teşekkür derim. 


1 Cevap

1
querySelector, belirtilen class, id vs. sahip ilk elemanı döndürür. Kodda;
var copyEmailBtn = document.querySelector('.js-emailcopybtn');
ile başlayan satırlar her tuşdan sonra tekrar edilmiş. Bu satırlar her çalıştığında querySelector ilk elemanı seçtiğinden sadece ilk tuşa click olayı atanıyor. Sonuçta ilk tuşa 100 tane click olayı atanmış oluyor. Consoldan da görebilirsiniz. İlk tuş tıklandığında 100 kere Copy email command was successful mesajı görülüyor. Dolayısıyla sonraki tuşlar için click atanmamış oluyor.

Şöyle bir şey yaptım. Sondaki script bölümünü inceleyin.



Cevaplayan: 20.10.16 16:00
cevapsitesi
101,431p 10ü
Cevabı seçen: 21.10.16 08:16
canora
101,387p 4ü
Çok teşekkür derim.
yardımınız  sayesinde kod çalıştı, Teşekkür ederim.

→  levent 20.10.16 19:24