d3의 노드 텍스트에 클릭 기능을 추가하려고합니다.

Question

노드의 텍스트를 클릭하면 내 json 파일에서 가져온 정보로 모달을 생성하려고합니다. 문제가 발생하여 지금은 알림 상자를 생성하려고합니다. 노드 텍스트 변수를 선언해야한다고 생각하지만 문제가 있습니다. 여기에 제가 지금 가지고있는 것이 있습니다 :

node.append("svg:text") 
    .attr("text-anchor", "middle") 
    .attr("dy", "3.5em") 
    .text(function(d) { return d.name; }) 

    var textNodes = node.append("svg:text").text() 
    .on("click", function(d, i) { alert("Hello world"); }); 

또는 이것이 왜 작동하지 않는지 나는 알 수 없습니다.

node.append("svg:text") 
    .attr("text-anchor", "middle") 
    .attr("dy", "3.5em") 
    .text(function(d) { return d.name; }) 
    .on("click", function(d) { alert("Hello world"); }); 

Answer 1

명시 적으로 pointer-events: none을 텍스트 노드로 설정합니다 (복사 및 붙여 넣기 오류 일 수 있음). 스타일에서이 줄을 제거하면 클릭 이벤트가 발생합니다.