반응 합성 이벤트 : onClick 또는 onContextMenu가 호출 된 후 onDrag가 실행되지 않음

Question

캔버스 드로잉을 사용하는 React 애플리케이션을 개발 중입니다. 이처럼 드래그를 감지하려고합니다.

캔버스를 클릭하거나 마우스 오른쪽을 클릭 할 때까지 개체를 끌 수 있습니다. 클릭 후 또는 마우스 오른쪽 버튼을 클릭 한 후 드래그하면 드래그되지 않고 실행됩니다. 캔바스를 더블 클릭 한 후에 만 ​​발동됩니다.

여기에 무엇이 잘못 될지 아는 사람이 있습니까?

Answer 1

이 문제는 HTML5 onDrag 및 기타 드래그 관련 이벤트가 요소를 드래그 앤 드롭하도록 설계 되었기 때문에 발생했습니다. 그것은 단지 드래그 문맥에서 &을 발사합니다.

내가

mousedown, mouseup에와에서 mousemove 이벤트

고전

을 사용하고 끌어에서 드래그 시작을 방지하고 상황을 드롭

onDragStart={(e)=>{e.preventDefault();} 

를 사용하여 캔버스에 드래그 동작을 구현합니다.