我正在使用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>
答案 0 :(得分:2)
我能够通过创建一个可观察的isDraggable来解决这个问题,当它设置为指针事件时:无;被拖的div。