valore diverso e.target in browers

Voglio sapere perché Mozilla e Chrome hanno altro valore di e.target. Ho preparato questo esempio per te.

https://jsfiddle.net/qdthnmdx/

Nel Mozilla e.target ha valore:

Ma nel Chrome questo è:

 Sometext 

È un bug?

Devi sapere che ogni browser ha la propria implementazione della specificazione da JavaScript, qui ho un risultato diverso del tuo codice per te anche su Internet esplora e google Chrone esiste differenza:

IE 11: inserisci la descrizione dell'immagine qui

Google Chrome: inserisci la descrizione dell'immagine qui

Per ulteriori chiarimenti in merito alle specifiche ECMA vedere: http://www.ecma-international.org/publications/standards/Ecma-262.htm

event.target non è diverso nei browser.

event.target è un riferimento all’object che ha inviato l’evento. mentre stai collegando il pulsante, è anche collegato all’elemento span. così quando colpisci lo span, mostra il nodo di span e sul pulsante mostra il pulsante che è giusto, ma questo comportamento è più ovvio su chrome ma non su mozilla.

Se si desidera semplicemente albind un evento all’elemento button. puoi considerare di fare come segue

Se vuoi che il pulsante sia visualizzato su entrambi i pulsanti e fai clic su, puoi prendere in considerazione l’uso di currentTarget qui.

currentTarget fa sempre riferimento all’elemento a cui è stato collegato il gestore eventi.

Immagino che potrebbe essere utile qui.

controlla questo snippet

 document.querySelector("button").addEventListener("click", function(e) { console.log(e.currentTarget.nodeName); }); 
 button { border: 1px solid; background: 0; padding:10px; } span { width: 100px; height: 100px; background-color: red; }