Farklı amaç nedir? Hedef özellikler? MouseEvent sınıfta

Question

orada birden * Hedef olaylar:

• target
• currentTarget
• relatedTarget

bir MouseEvent bağlamında onların amacı nedir?

Answer 1

Bu özellikler JavaScript fare olaylarına eşdeğerdir. JavaScript olayları DOM'ı ("kabarcıklanma" olarak adlandırılır) taşır. target, olayın ilk olarak gönderildiği nesnedir. Olay işleyicinizin eklendiği nesne currentTarget'dur.

Örnek Bu HTML yapıya sahiptir:

<ul id="list"> 
    <li>Entry 1</li> 
    <li>Entry 2</li> 
</ul> 

ve <ul> elemanı (ya JavaScript veya Dart aracılığıyla, kavram aynıdır) Bir tıklama işleyicisi ekleyin.

"Giriş 2" ye tıkladığınızda, tıklama işleyiciniz çağrılacaktır (çünkü olay "kabarcıklar"). target<li> öğesi, currentTarget ise <ul> öğesi olacaktır. Kullanmak zorunda olduğunuz, işleyicinizde ne yapmak istediğinize bağlıdır - örneğin, target'u kullanarak "Giriş 2" yi veya currentTarget'u kullanarak tüm listeyi gizleyebilirsiniz.

relatedTarget tarafından başvurulan öğe, MouseEvent'ınızın türüne bağlıdır - bir liste burada bulunabilir: event.relatedTarget. Yukarıdaki örnekte, tıklama etkinliklerinin herhangi bir alakalı hedefi olmadığı için null olacaktır.

İlgili MDN bağlantılar: event.currentTarget, event.target