addEventListener vs onclick | Rozdíl

JavaScript addEventListener a onclick obě naslouchají události a provádějí funkci zpětného volání po kliknutí na tlačítko. Kde je addEventListener() metoda připojí obsluhu události k určenému prvku.

element.addEventListener(event, listener, capture);

A onclick atribut události funguje, když uživatel klikne na tlačítko.

V HTML:

<element onclick="myScript">

V JavaScriptu:

object.onclick = function(){myScript};

Rozdíl mezi addEventListener a onclick:

addEventListener onclick
K jednomu prvku můžete přidat více událostí. K prvku můžete přidat pouze jednu událost. Protože je to v podstatě vlastnost, tak se přepíše.
Použijte třetí argument, který může řídit šíření události. Šíření události nelze ovládat pomocí onclick.
Lze jej přidat pouze v rámci prvků