Return to Video

Bir jQuery Etkinlik Dinleyicisinin Anatomisi

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

03-07 Bir_jQuery_Etkinlik_Dinleyicisinin_Anatomisi

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:18

Turkish subtitles

Revisions