Javascript ondrop影响目标';父母

Javascript ondrop影响目标';父母,javascript,html,parent,eventhandler,Javascript,Html,Parent,Eventhandler,我有一个部门在另一个部门。 两个div都有一个ondrop属性。 当我在孩子的dropzone中移动一个元素时,它会调用ondrop函数两次。给孩子一次,然后再给父母一次 我的问题是:即使drop目标位于另一个drop目标容器中,我也不希望容器受到drop元素的影响。换句话说,我不希望ondrop事件被触发两次 你能帮我吗 谢谢, Stefan您可以停止事件传播,例如 event.stopPropagation(); 这将停止drop事件向父元素的传播 另外,有些代码不会造成伤害。您可以停止事

我有一个部门在另一个部门。 两个div都有一个ondrop属性。 当我在孩子的dropzone中移动一个元素时,它会调用ondrop函数两次。给孩子一次,然后再给父母一次

我的问题是:即使drop目标位于另一个drop目标容器中,我也不希望容器受到drop元素的影响。换句话说,我不希望ondrop事件被触发两次

你能帮我吗

谢谢,
Stefan

您可以停止事件传播,例如

event.stopPropagation();
这将停止
drop
事件向父元素的传播


另外,有些代码不会造成伤害。

您可以停止事件传播,例如

event.stopPropagation();
这将停止
drop
事件向父元素的传播


另外,有些代码不会有任何伤害。

如果您使用的是jQuery-您应该使用
可拖放对象的
贪婪
选项:

$(“#可拖动”).draggable();
$(“#可拖放”)。可拖放({
贪婪:没错,
删除:功能(e){
警报(“内部下降”);
}
});
$(“#可拖放大”)。可拖放({
贪婪:没错,
删除:功能(e){
警惕(“放弃”);
}
});
#可拖动{
宽度:50px;
高度:50px;
背景:#ccc;
}
#可下降的大{
宽度:120px;
高度:120px;
背景:红色;
颜色:#fff;
填充:60px;
}
#可降落{
宽度:75px;
高度:75px;
背景:#999;
颜色:#fff;
填充:10px;
}

拖我
到这里来

如果您正在使用jQuery,您应该使用
可拖放对象的
贪婪
选项:

$(“#可拖动”).draggable();
$(“#可拖放”)。可拖放({
贪婪:没错,
删除:功能(e){
警报(“内部下降”);
}
});
$(“#可拖放大”)。可拖放({
贪婪:没错,
删除:功能(e){
警惕(“放弃”);
}
});
#可拖动{
宽度:50px;
高度:50px;
背景:#ccc;
}
#可下降的大{
宽度:120px;
高度:120px;
背景:红色;
颜色:#fff;
填充:60px;
}
#可降落{
宽度:75px;
高度:75px;
背景:#999;
颜色:#fff;
填充:10px;
}

拖我
到这里来

你能分享一些你的代码吗?html/javascript?你使用的是香草javascript吗?jquery?其他库?如果您不向我们显示您的代码,我们无法帮助您。您可以共享一些代码吗?html/javascript?你使用的是香草javascript吗?jquery?其他库?如果你不告诉我们你的代码不知道贪婪属性,我们就帮不了你。非常感谢。我不知道那贪婪的属性。非常感谢。