How to treat child element as separate from it's parent in html

Asked Mar 18 '18 at 21:42

Active Mar 18 '18 at 21:42

Viewed 19 times

Suppose i have a div tag with id "childDv" and it's parent div with id "parentDv". On clicking ChildDv i have some function call and on click of ParentDv i have some other function call. The problem is, On clicking ChildDv the "parentDv" function also getting called..!! How can i avoid it?

Actual Example:

                <a href="javascript:void(0)" id="@child.ItemType@child.LiveID" onclick="Expand_Now(this)">
                    <span align="right"></span><span class="ic-folder" onclick="menuOpen(this)"></span>
                    <span style="margin-left: 5px!important;">@child.ItemName</span>
                </a>

In this scenario, on clicking span element, "menuOpen" is calling as well as "Expand_Now" is also getting called. I don't want it (Expand_Now) to be called.Please help me to solve this.

asked Mar 18 '18 at 21:42

Praveen Patel G

Yes, Thanks for letting me know. – Praveen Patel G Mar 18 '18 at 21:48
1

It would be easier by knowing actually what menuOpen and Expand_Now are looking like... But anyway I think what you're looking for is "event.stopPropagation" in menuOpen – naholyr Mar 18 '18 at 22:06
I got the answer from a original question. And you are right, i was looking or "event.stopPropagation" in my menuOpen function. – Praveen Patel G Mar 19 '18 at 12:17

How to treat child element as separate from it's parent in html

0 Answers0