Как получить текущее местоположение мыши, когда мышь перетаскивается в JavaScript?

В этом решении в JavaScript

JavaScript в то время как mousedown

Я могу получить местоположение мыши при первом нажатии и первом нажатии, но как я могу получить местоположение при ее нажатии?

Спасибо

2 ответа

Вы можете отслеживать каждое движение мыши, например, отслеживать движение мыши и добавлять логику для отслеживания только в том случае, если до того, как мышь щелкала вверх, щелкнуло мышкой.

Вы можете получить любой экземпляр координаты мыши внутри <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

Другие вопросы по тегам