Javascript 处理拖过事件

我正在实现html5拖放（第一次）。我有以下ng重复，其中下降目标是外部div：

<div ng-repeat="chapter in chapters" class="chapter " ondrop="drop_handler(event);" ondragover="dragover_handler(event);">
    <div><bold>{{chapter.title}}</bold></div>
    <div>{{chapter.text}}</div>
</div>

{{章名}
{{章.文}

但是，内部元素也会触发dragover事件（如

event.target

）

在我的

dragover\u handler（）

中，我需要获得外部div，以便设置背景色。我怎样才能做到这一点

---

我可以通过为每个内部元素指定一个ondragover，然后选择外部div来实现这一点，但这真的很难看，因为它需要为每个内部元素指定ondragover attr。

这可以通过使用

node.addEventListener（'dragover'，handler\u func，true）

而不是元素属性来实现

addEventListener

的第三个函数打开事件捕获，这允许将从子元素激发的事件发送到指定的

handler\u func