dragmoveイベントはFirefoxとReactで動作します

Question

dragmoveイベントから座標を追跡する必要がありますが、何らかの理由でこれがFirefoxで正しく動作しません。私。 evt.pageXおよびevt.pageYは常にゼロです。

render(){ 
    return (<div draggable={true} onDragMove={this.handleDragMove} onDragStart={this.handleDragStart} /> 
} 
handleDragStart(evt){ 
    console.log(evt);//this works 
    evt.dataTransfer.setDragImage(new Image(),-999999999999,-999999999999); 
    evt.dataTransfer.setData('text/plain', 'oh ffs firefox'); //dragmove events wont get triggered at all without this 
} 
handleDragMove(evt){ 
    console.log(evt);//these get triggered 
    console.log(evt.pageX+" "+evt.pageY);//always zero 
} 

私はUbuntuの16.04上のFirefox 47を使用しています（ただし、明らかにそれは〜上のFirefoxのすべてのバージョンを作業する必要があります）。

Answer 1

私の場合、ドラッグするコンポーネントが非常に大きいので、onDragOver={this.handleDragMove}を設定してこの問題を回避でき、ondragoverイベントは座標を提供するように見えます。