Prototip - Olay İşleme

Etkinlik yönetimi, tarayıcılar arası komut dosyası oluşturmanın önündeki en büyük zorluklardan biridir. Her tarayıcının tuş vuruşlarını işlemek için farklı yaklaşımları vardır.

Prototype Framework, tüm tarayıcılar arası uyumluluk sorunlarını ele alır ve sizi olay yönetimiyle ilgili tüm sorunlardan uzak tutar.

Prototype Framework, tümü geçerli olay nesnesini bir argüman olarak alan ve tüm büyük tarayıcılarda istediğiniz bilgileri mutlu bir şekilde üreten yöntemlerle dolu Olay ad alanı sağlar .

Olay ad alanı ayrıca klavyeyle ilgili olaylarda kullanabileceğiniz standart bir anahtar kod listesi sağlar. Aşağıdaki sabitler ad alanında tanımlanmıştır -

S.No. Anahtar Sabit ve Açıklama
1.

KEY_BACKSPACE

Geri boşluk tuşunu temsil eder.

2.

KEY_TAB

Sekme anahtarını temsil eder.

3.

KEY_RETURN

Dönüş anahtarını temsil eder.

4.

KEY_ESC

Esc anahtarını temsil eder.

5.

KEY_LEFT

Sol anahtarı temsil edin.

6.

KEY_UP

Anahtarı temsil edin.

7.

KEY_RIGHT

Sağ anahtarı temsil edin.

8.

KEY_DOWN

Aşağı tuşunu temsil edin.

9.

KEY_DELETE

Silme anahtarını temsil eder.

10.

KEY_HOME

Ev anahtarını temsil edin.

11.

KEY_END

Bitiş anahtarını temsil edin.

12.

KEY_PAGEUP

Sayfa yukarı anahtarını temsil edin.

13.

KEY_PAGEDOWN

Sayfa aşağı anahtarını temsil eder.

Olaylar Nasıl Yönetilir

Başlamadan önce, bir olay yöntemi kullanma örneğini görelim. Bu örnek, olayın meydana geldiği DOM öğesinin nasıl yakalanacağını gösterir.

Misal

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         // Register event 'click' and associated call back.
         Event.observe(document, 'click', respondToClick);
  
         // Callback function to handle the event.
         function respondToClick(event) {
            var element = event.element();
            alert("Tag Name : " + element.tagName );
         }
      </script>
   </head>

   <body>
      <p id = "note"> Click on any part to see the result.</p>
      <p id = "para">This is paragraph</p>
      <div id = "division">This is divsion.</div>
   </body>
</html>

Çıktı

İşte ilgili tüm yöntemlerin tam listesi Event. Büyük olasılıkla çok kullanmaya konum fonksiyonlardır gözlemlemek , eleman ve durdurma .

Prototip Etkinlik Yöntemleri

NOTE - Prototype.js'nin en azından 1.6 sürümüne sahip olduğunuzdan emin olun.

S.No. Yöntem ve Açıklama
1. öğe ()

Etkinliğin gerçekleştiği DOM öğesini döndürür.

2. uzat ()

Uzattı olayı Event.Methods bulunan yöntemlerin hepsi ile.

3. findElement ()

Etkinliğin meydana gelenden yukarıya doğru, belirli bir etiket adına sahip ilk DOM öğesini döndürür.

4. isLeftClick ()

Düğmeyle ilgili bir fare olayının "sol" (birincil, gerçekte) düğmeyle ilgili olup olmadığını belirler.

5. gözlemek()

Bir DOM öğesine bir olay işleyicisini kaydeder.

6. işaretçiX ()

Bir fare olayı için mutlak yatay konumu döndürür.

7. pointerY ()

Bir fare olayı için mutlak dikey konumu döndürür.

8. Dur()

Olayın yayılmasını durdurur ve varsayılan eyleminin sonunda tetiklenmesini engeller.

9. stopObserving ()

Bir olay işleyicisinin kaydını siler.

10. unloadCache ()

Gözlem aracılığıyla kaydedilen tüm olay işleyicilerin kaydını siler. Sizin için otomatik olarak kablolanır. 1.6'dan beri mevcut değil.