YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Turkish subtitles

← Bir jQuery Etkinlik Dinleyicisinin Anatomisi

03-07 Bir_jQuery_Etkinlik_Dinleyicisinin_Anatomisi

Get Embed Code
16 Languages

Showing Revision 1 created 08/12/2017 by Boğaçhan Arslan.

  1. Şu ana kadar, tarayıcı
    etkinliklerini araştırdınız, ve
  2. ve onların kaydedilmesine şahit oldunuz.
  3. Şimdi ise jQuery ile onları dinlemenin
    ve tepki vermenin zamanı geldi.
  4. Etkinlikleri dinlemek ve onlara tepki
    vermek için 3 şeye ihtiyacınız var:
  5. Dinlenecek hedef ögeye,
    tepki vereceğimiz etkinliğe,
  6. ve yanıt olarak sergileyeceğimiz eylemlere
  7. İzin verin size bir örnek göstereyim.
  8. jQuery'nin etkinlik için
    dinleyeceği hedef ögeye
  9. ihtiyacım var. O zaman jQuery kullanarak
    veri giriş alanını seçeceğim.
  10. Sonra, "on" metodunu çağırıyorum.
  11. "on" metodu asıl sihrin gerçekleştiği yer.
  12. Bu, jQuery'nin etkinlik dinleyicilerini
    kurmakta kullandığı temel yol.
  13. "on" metodunun ilk argümanı,
    dinlemek istediğim etkinlik.
  14. Bu örnekte ise, tuşa basılması ('keypress')
  15. Fakat tıklama [click], mouse'un üzerine gelmesi
    [mouseover] veya değişmesi [change] de seçeneklerden
  16. Ve son olarak
  17. metoda, cevap olarak yapılacak eylemleri
    tanımlayan bir fonksiyon eklemeliyim.
  18. Bu fonksiyona geri çağrı denir [callback].
  19. Metoda geçirilen geri çağrı fonksiyonu,
  20. sıradan bir Javascript fonksiyonudur.
  21. Böylece istediğiniz Javascript
    kodunu barındırabilir,
  22. sayfanın içeriğini değiştirmekten
    analitik kodlara kadar.
  23. Fonksiyonun kodunu sayfanın rengini
    değiştirecek şekilde yazacağım.
  24. Ve test edeceğim.
  25. Bam. Harika görünüyor.
  26. Bir sonraki quizde, kendi
    etkinlik dinleyicinizi oluşturacaksınız.