2011-03-27 2 views
0

저는 온라인 자바 스크립트 캔버스 (HTML5 요소가 아니라 그림 캔버스)에서 작업하고 있습니다. 사용자가 페인팅을 시작하면 캔버스의 한면에서 다른면으로 마우스를 클릭하고 움직입니다. 이 캔버스는 실제로 하나의 픽셀 셀로 구성된 테이블입니다.자바 스크립트에서 (no-) 드래그를 중단하려면 어떻게해야합니까?

괜찮습니다.하지만 한 가지 문제가 있습니다. 사용자가 마우스를 들고있는 동안 캔버스 밖으로 나가면 Firefox는 테이블을 드래그하려고한다고 생각합니다. 그것은 끌기가없는 커서를 보여 주며 'onmousemove'는 더 이상 실행되지 않아 페인팅에 필요합니다. 나는 CSS 커서를 사용하려고했지만 no-drag 커서는 정상적인 커서를 '오버라이드'합니다. 또한 요소를 흐리게 처리하려고했습니다. 어떤 아이디어?

답변

0

캔버스에서 성공적으로 드래그하려면 AddEventListener를 사용해야합니다. AddEventListener here을 사용하는 방법에 대한 좋은 자습서가 있습니다. 이 페이지의 예제 4는 원하는 작업을 시작하기에 좋은 출발점입니다.

+0

감사합니다.하지만 해결되지 않았습니다. 난 단지 '마우스 업'을 강제 할 수 없습니다. – bopjesvla

+0

예, 캔버스의 'onmouseout'이벤트를 캡처하여 mouseup 이벤트와 동일하게 처리 할 수 ​​있습니다. –

관련 문제