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

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

この関数は初めて呼び出されることはありません。しかし、2回目からはうまくいきます。私は、event.preventDefault()を使用してみましたが、それでも動作していません。react.jsで「onDrag」イベントがトリガーされない

+0

: '関数が最初に呼び出さtime'取得されていないが、あなたのロジックをクリックするだけで何をしますか?また、あなたは動いているか(ドラッグしているか)、マウス/指を動かさずにdivを押すだけですか? – Bonatti

+0

私もこの問題にぶち当たっています。要素をドラッグするのは初めてですが、ドラッグイベントは発生しませんが、2回目には必ず失敗します。 Amala - jQueryを同じページで使用していますか?私はこれで数時間を過ごした後に何か答えを見つけることができなかったので、今私は干渉があるかどうかを確認するスクリプトを排除しようとしています。 – jacobedawson

+0

@jacobedawson問題が見つかりました。ドラッグ・アンド・ドロップ用のライブラリを使用していましたが、初めて関数呼び出しをオーバーライドしました。私はライブラリを削除したときにうまくいった。私はjQueryを使用していませんが、react.js –

答えて

8

てみdraggable="true"を追加し、それが動作するかどうかを確認:あなたは状態

<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") 
} 
関連する問題