Button onclick inside whole clickable div

Question

I have a whole clickable div. This is my code:

<div onclick="location.href='@Url.Action("SubClass", "Product", new { id = productClass.HierarchyId })';" class="menu-class">             <img src="~/Images/ClassImages/@imageName" alt="@productClass.HierarchyShort" />             <div class="menu-class-text">                 <span>@productClass.HierarchyShort</span>             </div>             <div class="menu-class-admin-options">                 <button onclick=" location.href = '@Url.Action("EditClass", "Product")'; ">Edit</button><br/>                 <button onclick=" location.href = '@Url.Action("DeleteClass", "Product")'; ">Delete</button>             </div>         </div> 

This is a div with image of product and group name. And when user hover it, inside the div show 2 buttons Edit and Delete. The problem is when I click on any button inside Div, its call the div's onclick, not the button's onclick. PLease any help? Sorry my english.

Answer 1

Thanks for all. As say robooneus. I just put this:

<button onclick=" location.href = '@Url.Action("NewClass", "Product")'; event.stopPropagation(); ">Edit</button><br/> 

And now is working. Thanks all.