父节点从子节点接收到不需要的 mouseout答案

【问题标题】：parent node receives unwanted mouseout from child nodes父节点从子节点接收到不需要的 mouseout
【发布时间】：2011-05-02 08:11:48
【问题描述】：

我有以下 div：

<div id="scrollable">
    <div class="item">item 1</div>
    <div class="item">item 2</div>
</div>

我将事件处理程序附加到#scrollable div - mouseover, mousedown mouseup 以实现鼠标拖动 div 的滚动效果。问题是每当鼠标在两个 div 之间移动而留在 div 内时，我都会为 #scrollable div 获得 mouseout。所以鼠标在 @scrollable div 内，但只是从 item1 移动到 item2 - 这打破了我的拖动......

有没有办法规避这种行为？

【问题讨论】：

标签： javascript javascript-events

【解决方案1】：

发生的情况是您没有在内部 div 中处理这些事件，因此它们会冒泡到父级。一种方法是向子项添加事件处理程序并禁止该事件，以免发生这种情况。

问候

【讨论】：

我试过了。我停止了鼠标移出事件的内部 div 中的冒泡。但问题是当鼠标实际离开时，我没有得到主 div 的 mouseout...