Обработать и отправить событие мыши под элементом SVG

Question

Я довольно плохо знаком с javascript и внешним интерфейсом, и я был бы признателен, если бы кто-нибудь помог мне выяснить, как отправить событие мыши на элементы под элементом SVG?

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

Я много искал, но не смог найти ничего подобного (Event Bubbling / capturing).В большинстве мест они говорят, что используют «pointer-events:none» для отключения событий в svg, но я этого не хочу.

---

Возможно, это не имеет ничего общего с d3, но все же ядля полноты картины добавлено

Answer 1

Хорошо, если вы используете D3 и по какой-то причине не хотите использовать pointer-events:none в SVG, вы можете просто d3.select("#your-div-id") в событии для элемента SVG.Затем либо передайте это другой функции для обработки события div-мыши, либо просто выполните манипуляцию внутри самого обратного вызова SVG.

Если вы пытаетесь настроить масштабирование, как в вашем примере, я предлагаю вам кое-что проверитьнапример, пример геометрического масштабирования или один из множества других примеров для лучшего понимания доступных методов.