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.