Как определить, какой элемент HTML находится под заданными координатами мыши? (Морской дракон)

В настоящее время я работаю с технологией Seadragon Ajax (демонстрации на http://zoom.it/), добавляю пользовательский интерфейс и т. Д. В частности, я добавляю определенное количество наложений, которые должны захватывать некоторые события мыши (например, щелчки), но которые не нужны захватывать других (как прокрутка колес).

Seadragon использует положение указателя мыши при прокрутке, чтобы увеличить остроконечную часть изображения. Я хотел бы захватить события мыши на оверлее, но передать некоторые из них под него. Таким образом, я ищу способ реализовать функцию, которая бы:

  1. принять два аргумента: теоретическое положение мыши, вертикальная и горизонтальная части
  2. найти элемент DOM, представляющий элемент HTML, который будет захватывать событие мыши в заданных координатах
  3. передать событие мыши этому элементу

Проблема в том, что я понятия не имею, как надежно сделать 2-й шаг. Seadragon создает множество элементов div, содержащих плитки с графикой, они меняются каждый раз, когда выполняется панорамирование или увеличение изображения. Таким образом, я не могу просто проиндексировать это, мне нужен способ обнаружить это на лету.

Буду благодарен за любую помощь и / или идеи.

Источник

1 ответ

Решение

ОК, это так просто, мне стыдно за себя.

document.elementFromPoint(x, y)

Это также почти повсеместно поддерживается... Я, наверное, искал что-то по имени как getElementFromPoint и это get часть ввела меня в заблуждение.

Источник
Другие вопросы по тегам