處理拖動事件

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。