Имеет такая структура: секции, в секция строчки. Секции должны сортироваться между собой, строчки в секциях должны сортироваться между собой, а также перетаскиваться в другие секции.

<div class="child_par" draggable="true" ondragenter="dragenter(event)" ondragstart="dragstart(event)">
        <div class="line" draggable="true" ondragenter="dragenter2(event)" ondragstart="dragstart2(event)">test1</div>
        <div class="line" draggable="true" ondragenter="dragenter2(event)" ondragstart="dragstart2(event)">test2</div>
        <div class="line" draggable="true" ondragenter="dragenter2(event)" ondragstart="dragstart2(event)">test3</div>
        <div class="line" draggable="true" ondragenter="dragenter2(event)" ondragstart="dragstart2(event)">test4</div>
</div>

Когда я начинаю тащить элемент внутри секции, то срабатывает ondragenter и на родителе. Как лучше всего обойти это? Нужно чтобы секция таскалась только за зеленую часть. Библиотеки использовать нельзя.