onMouseOver-Ereignis beim Ziehen eines div

Question

Ich verwende react-draggable, um ein div an einen anderen Ort in der Tabelle zu ziehen. Das Problem ist, dass ich die zugrunde liegende <td> 's ein onMouseOver Ereignis auslösen muss, während ich das div über sie ziehe. Aber da sich meine Maus über dem ziehbaren Div befindet, feuert das Mausereignis nicht auf die zugrunde liegenden <td>.

Ich habe versucht, pointer-events: none; zu verwenden, aber das führt dazu, dass die ziehbare nicht ziehbar sein kann.

<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> 

<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

Ich konnte dies beheben, indem ich eine beobachtbare IsDraggable erstellt und wenn es wahr ist, die Zeiger-Ereignisse einstellen: keine; auf das div wird gezogen.