拖动div时的onMouseOver事件

时间:2017-12-28 17:04:09

标签: javascript css html5 reactjs draggable

我正在使用react-draggable将div拖到桌子上的另一个位置。问题是我需要让基础<td>触发onMouseOver事件,同时我将div拖到它们上面。但由于我的鼠标位于可拖动的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>

1 个答案:

答案 0 :(得分:2)

我能够通过创建一个可观察的isDraggable来解决这个问题,当它设置为指针事件时:无;被拖的div。