仅将事件应用于父级

时间:2015-06-03 14:31:06

标签: javascript jquery html css drag-and-drop

我有一个非常大的div

div内,我还有其他几个elements

点击并拖动parent div时,如果它有溢出,我希望它拖动它(找到一个库来做)。

如果点击并拖动elements,我想拖动element(也找到了一个库)。

现在问题是当我点击并拖动parent div时,它运行正常,但当我点击并拖动element时,它会拖动element并拖动{ {1}}。

所有图书馆都遵循提供parent

的条款

是否可以指定类似jQuery selector之类的东西?

修改

我使用的两个库是JointJSUtterScroll

至于标记 - 我为JointJS创建了一篇论文,然后向纸质容器申请了UtterScroll。

2 个答案:

答案 0 :(得分:1)

在你的onDrag处理程序中使用event.stopPropagation();这将阻止事件冒泡到父元素。

答案 1 :(得分:1)

试试这个:

paper.on('cell:pointerdown cell:pointermove', function(cellView, evt, x, y) {
    evt.stopPropagation(); 
});

我不确定你是否可以组合事件,因为文档中没有任何内容可以这么说。但是,值得尝试

{{1}}