개요 모드에서 Raphael 요소 이벤트 핸들러가 작동하지 않습니다.

Question

요소가 채워진 경우에만 라파엘 요소 이벤트 핸들러가 실행됩니다.

요소에 채우기가 없을 때 클릭 이벤트 핸들러가 실행되지 않습니다. 마우스 오버 이벤트는 채워지지 않은 요소에 대해 다르게 동작합니다 (마우스 오버 및 마우스 아웃 모두 트리거 됨).

내 코드 : http://jsfiddle.net/U5wda/1/

왜 그런가?

Answer 1

포인터 이벤트에 대해 article을 확인해보십시오. 이 fiddle에서 볼 수 있듯이 포인터 이벤트를 '채우기'로 설정하면 원하는 방식으로 작동합니다. 그러나 IE에서는 Raphael이 SVG를 사용하지 않으므로 IE에서는이 기능이 작동하지 않는다는 것을 명심하십시오.

기본적으로 pointer-events: fill은 요소가 마우스 이벤트에 대해 채워지는 것처럼 작동하도록합니다.

Answer 2

요소가 채워지지 않을 때 라파엘이 figur의 테두리 만 그립니다.

테두리의 너비가 너무 작기 때문에 요소 테두리에서 올바르게 클릭하면 이벤트가 트리거됩니다.

이벤트 핸들에는 아무런 문제가 없지만 요소를 채우려면 color 또는 fill : transparent로 채워야합니다.