Home/ Questions/Q 654631
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T22:30:55+00:00

just a quick question. I’m having a problem with divs with onclick javascript within

  • 0

just a quick question. I’m having a problem with divs with onclick javascript within each other. When I click on the inner div it should only fire it’s onclick javascript, but the outer div’s javascript is also being fired. How can the user click on the inner div without firing the outer div’s javascript?

<html>
<body>
<div onclick="alert('outer');" style="width:300px;height:300px;background-color:green;padding:5px;">outer div
    <div onclick="alert('inner');"  style="width:200px;height:200px;background-color:white;" />inner div</div>
</div>
</div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Basically there are two event models in javascript. Event capturing and Event bubbling. In event bubbling, if you click on inside div, the inside div click event fired first and then the outer div click fired. while in event capturing, first the outer div event fired and than the inner div event fired. To stop event propagation, use this code in your click method.

       if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
    • 0