Как получить текущее местоположение мыши, когда мышь перетаскивается в 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