拖曳事件,目标必须是具有可拖曳元素

时间:2018-10-24 15:20:48

标签: javascript

我需要获取已为其分配了draggable属性的父元素,因为这还具有我需要的其他一些数据属性。

但是,如果我单击并拖动子元素,当然这就是目标。

有没有一种方法可以避免可怕的findAncestor循环?

  <div class="panel" draggable="true" data-move-id="1">
        <div data-move-handle class="panel-heading"></div>
        <div class="panel-block"></div>
        <div class="panel-block"></div>
        <div class="panel-block"></div>
        <div class="panel-block"></div>
    </div>

或者更好的是,有没有一种方法可以使用data-move-handle属性将可拖动句柄限制为div,但是我仍然希望整个div移动。然后,我可以将data-move-id移至该div。

1 个答案:

答案 0 :(得分:1)

要在拖放时提供可用的数据,则必须将其包括在“事件”中。对于跨浏览器实施,这可能会有些棘手,尤其是在您必须支持旧版(即IE)浏览器的情况下。

pivotCacheRecords1.xml

那是要点。 Google的“纯Java拖放”提供了许多示例代码。这是really simple example