I'm using HTML5 drag&drop; I have a droppable div and inside it I have another droppable div.

<div id="target-parent">
    <div id="target-child"></div>
</div>

The problem is that if I drag something into the target-child, fire his drop event (and this is right) but in the end fire also the target-parent event. How can the code understand that the dropped element is only target-child?

I'm using HTML5 drag&drop; I have a droppable div and inside it I have another droppable div.

<div id="target-parent">
    <div id="target-child"></div>
</div>

The problem is that if I drag something into the target-child, fire his drop event (and this is right) but in the end fire also the target-parent event. How can the code understand that the dropped element is only target-child?

• javascript
• html
• nested
• drag-and-drop

Share Follow asked Jun 28, 2013 at 15:59 NicolaNicola 47522 gold badges77 silver badges2020 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 13

In your event handler examine the event.target and behave appropriately and/or call event.stopPropagation().