evento "onDrag" non attivato in react.js

<div className="kat-project-user-timeline-drag-indicator-wrapper-bottom" 
    onDrag={(event) => {this.dragTask(event)}}> 
</div> 

dragTask(event) { 
    console.log("logic goes here") 
}

La funzione non viene richiamata per la prima volta. Ma dalla seconda volta funziona bene. Ho provato a utilizzare, event.preventDefault(), ma ancora non funziona.evento "onDrag" non attivato in react.js

fonte

2016-06-23 Amala James

Quando si Stato: 'La funzione non è sempre chiamato per la prima time', fare la tua logica fare qualsiasi cosa con un click? Inoltre, stai muovendo (trascinando), o semplicemente premendo il div senza spostare il mouse/dito? – Bonatti

Sto anche correndo su questo problema - la prima volta che trascino un elemento non viene attivato nessun evento di trascinamento, ma viene quindi eseguito la seconda volta senza esito negativo. Amala - stai usando jQuery sulla stessa pagina? Non sono stato in grado di trovare alcuna risposta dopo aver trascorso diverse ore su questo, quindi ora sto cercando di eliminare gli script per vedere se c'è qualche interferenza. – jacobedawson

@jacobedawson ho trovato il problema. Stavo usando una libreria per il drag and drop che stava annullando la mia chiamata di funzione per la prima volta. ha funzionato quando ho rimosso la libreria. Non sto usando jQuery ma react.js –

Prova ad aggiungere draggable="true" e vedere se funziona:

<div draggable="true" className="kat-project-user-timeline-drag-indicator-wrapper-bottom" 
onDrag={(event) => {this.dragTask(event)}}> 
</div> 

dragTask(event) { 
    console.log("logic goes here") 
}

fonte

2017-02-21 19:31:23

evento "onDrag" non attivato in react.js

risposta

Problemi correlati