tak to je něco jiného než předchozí příspěvky. Minulý týden byl prvním týdnem, kdy jsem na web zveřejnil jakýkoli článek. I když jsem nenapsal vše podrobně, odezva, kterou jsem dostal, byla nad moje očekávání. Od této chvíle se budu snažit vše podrobně pokrýt..
addEventListener('click', ....)
a .onclick
nejsou stejné
Ano, nejsou stejné. Rozdíl je v tom, že v addEventListener
, můžeme ke stejné události přidat více posluchačů. Zatímco onclick
"přepíše" předchozí onclick
připojené ke stejné události.
Například:- viz níže uvedený codepen
V důsledku toho v konzole:
Když klikneme na tlačítko onClick, pouze I’m also clicked!
je odhlášen
Když klikneme na tlačítko addEventListner, obě I’m clicked!
a I’m also clicked!
jsou odhlášeni
Na závěr, ačkoli můžeme připojit stejnou událost s jinou syntaxí, pomocí addEventListener('click', …) můžeme mít více posluchačů na jedné události, zatímco pomocí onclick můžeme přiřadit pouze jednoho posluchače k jedné události (která je vždy nejnovější přiřazený posluchač).
Otevřete prosím výše uvedený codepen pomocí "edit in codepen" a poté si prohlédněte výstupy v konzole. Přidal jsem dost komentářů, abyste všemu rozuměli. V případě jakýchkoliv pochybností napište komentář.
Úplnou referenci o výše uvedeném bodu lze nalézt na Medium.