클릭 이벤트 Raphael 요소 내부에서 감지되지 않음

Question

Raphael Js에서 일부 셰이프를 만들고 클릭 이벤트를 해당 셰이프에 바인딩하려고 시도했습니다. 그러나 해당 셰이프의 테두리/경로 줄에서만 클릭이 감지됩니다. 코드 부분 square = paper.rect (200, 200, 50, 50);

  // square.click(function() { 
      //  console.log('clicked'); 
      // }) 
      $(square.node).click(function (evt) { 
       console.log('clicked'); 
      }); 

는 cause.Please가

Answer 1

요소에서 '공백'을 클릭하려면 채우기를 지정해야합니다.

el.attr({ fill: 'red', opacity: 0.1 }); 

주, 당신은 배경도 채우기 여전히 통해 보여주고 싶은 경우에, 당신은 불투명 0.0001 또는 이와 유사한으로 설정할 수 있으며, 당신은 아직도 그것을 클릭 할 수있을 것입니다.

Answer 2

당신은 페이지의 HTML의 나머지 부분을 표시하는보다 완전한 샘플이 필요합니다 도움을 식별 할 수없는 건가요 : 이것은 일반적으로 중복 문제가 발생했을 때. Raphael 캔버스와 공간을 공유하고 클릭 이벤트를 가로 챌 수있는 DOM 요소가 있습니다.