拖动div时的onMouseOver事件

Question

我正在使用react-draggable将div拖到桌子上的另一个位置。问题是我需要让潜在的<td>发射一个onMouseOver事件，同时我将它们拖到它们之上。但由于我的鼠标位于可拖动的div上，因此鼠标事件不会触发底层的<td>。

我曾尝试使用pointer-events: none;，但这导致可拖动不可拖动。

<td className={cls} onClick={this.handleCancelOpenOrders} onMouseOver={this.handleMouseOver}>
    <Draggable axis="y" position={{ x: 0, y: 0 }} onDrag={this.handleDrag} onStart={this.handleDragStart} onStop={this.handleDragStop}>
        <div className={styles[this.props.type]}>
            <span className={styles.currentOrderText}>
                  {orderQuantity}
            </span>
        </div>
    </Draggable>
</td>

Answer 1

我能够通过创建一个可观察的isDraggable来解决这个问题，当它设置为pointer-events：none时是真的。被拖的div。