4 berichten aan het bekijken - 1 tot 4 (van in totaal 4)
  • Q:
    Bijdrager
    The JM

    Onclick-event van img in li activeert ook onclick van li

    Ik heb een li met een img er in, dus:

     
    <ul>
    <li>
    		<img src="https://www.onemorething.nl/wp-content/themes/onemorething/external-image.php?src=plaatje.&ext=png&h=8a145b827c09b5a52a4bceadafac8664&t=1590447492">
    	</li>
    </ul>
     

    Op de li heb ik een onclick-event staan en op de img ook. Maar als ik nu op de img klik worden beide events uitgevoerd. Hoe kan ik dit voorkomen?

    Bijdrager
    The JM

    event.stopImmediatePropagation(); werkt niet, want het is een live event. Return false werkt ook niet, want wordt de rest van het event niet uitgevoerd.

    Bijdrager
    Jakko Westerbeke

    Eenvoudige oplossing: de onclick van de listitem verwijderen?

    Als je ze toch allebei wilt hebben zou je het zo kunnen doen:

     
    <li><span onclick="foo()">blablabla</span> <img src="https://www.onemorething.nl/wp-content/themes/onemorething/external-image.php?src=meer_bla.&ext=png&h=8a145b827c09b5a52a4bceadafac8664&t=1590447492" onclick="bar()"/> <span onclick="foo()">enz.</span></li>
     
    Bijdrager
    The JM

    Nee, want de onclick is altijd nodig. Maar ik heb nu een globare variabele aangemaakt die op true/false wordt gezet om bubbling te voorkomen. Toch bedankt voor je reactie:)

4 berichten aan het bekijken - 1 tot 4 (van in totaal 4)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.