Ниже приведены несколько методов в JavaScript для получения координат события перетаскивания мышью:
- Использование события mousemove: вы можете прослушивать событие mousemove в документе или конкретном элементе и получать координаты из свойств объекта события, таких как clientX и clientY.
document.addEventListener("mousemove", function(event) {
var x = event.clientX;
var y = event.clientY;
console.log("Coordinates: " + x + ", " + y);
});
- Использование события «перетаскивание». Если вам специально необходимо отслеживать координаты во время операции перетаскивания, вы можете прослушивать событие «перетаскивания» и получать координаты из свойств объекта события.
document.addEventListener("drag", function(event) {
var x = event.clientX;
var y = event.clientY;
console.log("Coordinates: " + x + ", " + y);
});
- Использование события «перетаскивание». При перетаскивании элемента на другой элемент вы можете прослушивать событие «перетаскивание» на целевом элементе и получать доступ к координатам из объекта события.
var targetElement = document.getElementById("target");
targetElement.addEventListener("dragover", function(event) {
var x = event.clientX;
var y = event.clientY;
console.log("Coordinates: " + x + ", " + y);
});
- Использование API перетаскивания HTML5. Если вы реализуете функцию перетаскивания, вы можете использовать API перетаскивания HTML5 для доступа к координатам во время операции перетаскивания. Вы можете использовать объект dataTransfer для получения координат.
document.addEventListener("dragover", function(event) {
var x = event.pageX;
var y = event.pageY;
console.log("Coordinates: " + x + ", " + y);
});