处理拖动事件

Question

我正在实施html5拖放（第一次）。我有以下纳克重复其中放置目标是外层的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_handler()我需要得到外部的div保持这样我就可以，例如，设置背景色。我怎样才能做到这一点？

我可以通过指定ondragover每个内部元件，然后选择外层div做到这一点，但是这是十分可怕的，因为它需要为每个内部元件的ondragover ATTR。

Answer 1

这可以通过使用node.addEventListener('dragover', handler_func, true)而不是元素属性来实现。

第三个功能addEventListener打开事件捕获功能，并允许从子元素触发的事件发送到指定的handler_func。