event.Ziel.id VS-Ereignis.currentTarget.id VS diese.id

Habe ich diesen Beispielcode unten:

HTML:

<button id = '33' class = "clickme">Click here</button>

JS:

$(document).on("click",".clickme",function(event){ 
    var eti = event.target.id;
    var eci = event.currentTarget.id;
    var ti = this.id;

    alert ("1: " + eti + "   2: " + eci + "   3: " + ti);
}

Diese 3 Ereignisse, Warnungen den gleichen Wert, und ich dachte, dass es auch spielt die gleiche Rolle, aber nicht in diesem link, den ich gefunden SO: jquery, function(event) event.Ziel.id ist leer beim Klick auf die verlinkten text.

Nun meine Frage:

1.) Was ist die Unterschied zwischen der Verwendung: event.target.id, event.currentTarget.id und this.id?

2.) Wann sollte ich verwenden event.target.id, event.currentTarget.id und this.id?

3.) Und die funktioniert besser, unter diesen drei?

Hat jemand eine Idee und Erklärung, warum?

InformationsquelleAutor Makudex | 2015-09-08
  1. 3

    Versuchen, dieses Beispiel

    <div id="maindiv" onclick="callback(event, this);">
  <span id="span" onclick="callback(event, this);"> SPan</span>
  <p id="p" onclick="callback(event, this);">This is p </p>
</div>

function callback(e, thisObj) {
       console.log('this = ', thisObj.id);
       console.log('target = ', e.target.id);
       console.log('currentTarget = ', e.currentTarget.id);
    }

    Veranstaltung.Ziel ist das, was das Ereignis auslöst.
    ex: wenn Sie auf p event.target wird p aber event.currentTarget wird p wenn callback von p werden genannt event.currentTarget wird maindiv wenn callback aufgerufen werden, Ursache von Ereignis-bubbling.

    `this` refers to `event.currentTarget`

    Sehen für details

    https://developer.mozilla.org/en-US/docs/Web/API/Event/Comparison_of_Event_Targets

    Hier ist eine gleiche Frage, die ich denke, dass man diese

    Unterschied zwischen e.Ziel und e.currentTarget

    • Ahh, das ist, warum... Thankss
    InformationsquelleAutor intekhab
  2. 0

    event.target.id und this.id sind die gleichen, in den ersten ein, auf das Sie zugreifen das Ziel, aus dem Ereignis-Objekt in den zweiten, auf den Sie zugreifen es durch jquery-Objekt.

    event.currentTarget.id

    Das aktuelle DOM-element innerhalb der event-bubbling-phase.

    Als pro es ist Dokumentation.

    In JavaScript, events bubble. Dies bedeutet, dass ein Ereignis breitet sich durch die Vorfahren der element das Ereignis ausgelöst auf.

    Sie können dies überprüfen, fiddle und probieren Sie verschiedene event-Eigenschaften.

    InformationsquelleAutor KAD
Schreibe einen Kommentar