2017-03-12 13 views
1

마우스가 자바 스크립트에서 드래그되는 동안 현재 마우스 위치를 얻는 방법은 무엇입니까? 자바 스크립트에서이 솔루션에서

JavaScript while mousedown

이 처음 누르면 먼저 클릭 할 때 내가 마우스의 위치를 ​​얻을 수 있지만, 그 아래로 누르고있는 동안 어떻게 위치를 얻을 수 있나요?

감사

+2

는'mousemove' 이벤트를 사용? – nnnnnn

+0

위치별로 무엇을 의미합니까? x, y 좌표를 찾고 있습니까? –

답변

1

당신이 Track mouse movement처럼, 모든 이동 마우스를 추적하고 추적하기위한 로직을 추가 할 수 있습니다 전에 만하면되었다 마우스 마우스가 클릭했을 때 정지를 클릭합니다.

0

<canvas> 안에 마우스 좌표의 인스턴스를 얻을 수 있습니다. 이 경우 <canvas> 내부에 다른 태그를 심기는 {position: absolute}을 통해서만 수행 할 수 있습니다. 코드 예제 :

canvas.addEventListener('mousemove', getPoint); 
function getPoint(e){ 
const [x, y] = [e.offsetX, e.offsetY]; 
const offsetX = document.getElementById('offsetX'); 
offsetX.textContent = `Offset X: ${x}`; 
const offsetY = document.getElementById('offsetY'); 
offsetY.textContent = `Offset Y: ${y}`; 
}; 

근무 예 : http://codepen.io/462960/pen/RpVJwa