Обработчики событий элементов Raphael не работают в режиме структуры

Question

Обработчики событий элементов Raphael выполняются только при заполнении элемента.

Обработчики событий Click не выполняются, когда элемент не заполнен.События наведения мыши ведут себя по-разному (как при наведении курсора, так и при наведении мыши) для незаполненных элементов.

Мой код: http://jsfiddle.net/U5wda/1/

Почему это так?

Answer 1

Возможно, вы захотите проверить эту статью о событиях указателя.Как вы можете видеть в этой скрипке , если вы установите указатель-события на «заполнение», я думаю, что это работает так, как вы хотите.Имейте в виду, однако, что это, вероятно, не будет работать в IE, поскольку Рафаэль не использует SVG в IE.

По сути, pointer-events: fill заставляет элемент действовать так, как будто он заполнен для событий мыши.

Answer 2

Вы уже можете понять, что когда элемент не заполнен, Рафаэль рисует только границу фигуры, верно?

Если вы правильно щелкнете на границе элемента (что маловероятно, поскольку ширина границы слишком мала), событие все равно сработает.

Так что с дескриптором события все в порядке, но вы должны залить свой элемент цветом или залить: прозрачным.