HTML5: dragover(), drop(): как получить текущие координаты x, y?

Как определить координаты (x, y) при перетаскивании "dragover" и после капли ( "drop" ) в HTML5 DnD?

Я нашел веб-страницу, которая описывает x, y для dragover (посмотрите на e.offsetX и e.layerX, чтобы увидеть, установлены ли для разных браузеров, но для жизни меня они НЕ установлены).

Что вы используете для функции drop (e), чтобы узнать WHERE в текущем целевом падении, который был фактически сброшен?

Я пишу онлайн-приложение для создания схем, и моя целевая задача для капель большой.

Мне нужно спуститься на уровень мыши, чтобы узнать x, y или HTML5 предоставил абстракцию более высокого уровня?

Ответы

Ответ 1

Свойства clientX и clientY должны быть установлены (в современных браузерах):

function drag_over(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}
function drop(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}

Здесь (несколько) практический пример, который работает в Firefox и Chrome.