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

Question

我有以下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 - 这打破了我的拖动......

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

Answer 1

发生的事情是你没有在内部div中处理这些事件，所以它们会冒泡到父级。一种方法是向子节点添加事件处理程序并抑制该事件，以便不会发生这种情况。

此致