Заставить SVG реагировать на события мыши над событиями, но разрешать клики на другие элементы

У меня есть анимированная SVG карта узлов, которая следует за курсором, когда пользователь наводит на нее курсор. Я анимировал его с помощью Javascript, и он прекрасно работает, однако он должен быть фоновым элементом, что вызывает проблему:

Если svg находится за кнопками в нижнем колонтитуле (там, где он расположен), то события наведения мыши не срабатывают. Но если я размещу svg перед другими элементами, их нельзя будет щелкнуть.

Я пытался использовать:

pointer-events:none

Но это также блокирует события перемещения мыши, которые мне нужны. Итак, мой вопрос: могу ли я каким-либо образом разрешить события перемещения мыши, но при этом разрешить взаимодействие с другими многоуровневыми элементами?

Спасибо


person netboi    schedule 04.03.2015    source источник


Ответы (1)


Я решил эту проблему с помощью настройки кода javascript.

Вместо того, чтобы прикреплять прослушиватель событий к элементу SVG, я просто прикрепил его к документу; задача решена.

person netboi    schedule 05.03.2015