Takip koduna sahibim:
document.oncontextmenu = function(evt) {
evt = evt || window.event;
console.log(evt.target, evt.toElement, evt.srcElement);
};
A üzerinde farenin sağ tuşuna tıklandığında <div class="foo"></div>, şunu döndürür:
div.foo, div.foo, div.foo
A üzerinde farenin sağ tuşuna tıklandığında <input>, şunu döndürür:
girdi, girdi, girdi
Görünüşe göre hepsi aynı sonucu getiriyor. Birinin diğerlerinden farklı kullanımının olduğu bir durum var mı?
Yanıtlar:
Olay hedefi olayı gönderilir hangi elementtir:
DOM olay akışı kullanılarak bir olayın hedeflendiği nesne . Olay hedefi, özniteliğin değeridir .
Event.target
srcElementIE'yi elde etmenin standart olmayan bir yoludur target.
Geçerli olay hedefi şu anda çağrılır olay dinleyicisi öğedir:
Bir olay akışında, geçerli olay hedefi , halihazırda gönderilmekte olan olay işleyiciyle ilişkili nesnedir . Bu nesne, olay hedefinin kendisi veya atalarından biri OLABİLİR . Şimdiki olay hedef olarak değişen etkinlik çeşitli boyunca nesneye nesneden husule fazlar olay akışının. Mevcut olay hedefi,
Event.currentTargetözniteliğin değeridir .
thisBir olay dinleyicisinin içinde kullanmak , geçerli olay hedefini elde etmenin yaygın (ve standart) bir yoludur.
Bazı tür olayların bir relatedTarget:
EventTargetOlayın türüne bağlı olarak, bir UI olayı ile ilgili bir ikincil tanımlamak için kullanılır .
fromElementve toElementIE'nin relatedTarget.