data-attribute nach Browserupdate nicht mehr definiert

[Pit]

Hallo Rolf,

<div class="test">
   <button>
      <img src="foo">Bar
   </button>
</div>  

Ja, so in etwa sieht es aus.

Und dann musst du genauer hingucken. Es gibt 2 Alerts, einen für das img und einen für den button.

Ein click event auf ein img sollst Du nur dann registrieren, wenn es ein usemap Attribut hat, nur solche Images sind interaktiv (ob sie leicht zugänglich sind, ist eine andere Frage). Aber interaktive Element ein einem Button sind vom Inhaltsmodell her verboten.

Oh, wußt ich nicht.

Ein img in einem button sollte niemals eigenständig auf Klicks reagieren.

Ok, dann ist der Fall klar.

$('.test')
    .on('click', 'a, button', function(event) {
      event.preventDefault();
        alert (this);
});

ergibt [object HTMLButtonElement] und damit läuft dann auch der Rest wieder einwandfrei.

Vielen Dank für Deine Hilfe und guts Nächtle 😀

Pit