dragmove events가 Firefox 및 React와 함께 작동합니다.

Question

dragmove 이벤트에서 좌표를 추적해야하지만, Firefox에서이 기능이 제대로 작동하지 않습니다. 나는. evt.pageX 및 evt.pageY은 항상 0입니다.

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 
} 

내가 우분투 16.04 파이어 폭스 47을 사용하고 있습니다 (분명하지만 ~ 파이어 폭스의 모든 버전에서 작동하기 위해 필요)

Answer 1

내 경우 드래그 할 구성 요소가 매우 커서이 값을 onDragOver={this.handleDragMove}으로 설정하여 해결할 수 있었고 ondragover 이벤트가 좌표를 제공하는 것 같습니다.