在firefox

Question

我使用d3.js将click事件绑定到某些svg-elements。我试图使用d3.event.path来查看单击元素时的传播路径（单击位置下方的元素）。

这适用于chrome，但不适用于firefox（最新版本，同时尝试过windows 10，ubuntu 14.04）。 Firefox返回undefined。

知道如何获取d3事件和firefox的传播路径吗？

<div id="test" style='width:200px;height:200px;border:2px solid black'>
</div>

var svg = d3.select('#test')
    .append('svg')
    .attr('width', 200).attr('height', 200);

var r = svg.append('rect')
    .attr('transform', 'translate(50,50)')
    .attr('width', 100).attr('height', 100)
    .style('fill', 'purple');

svg.on('click', function(){
    console.log(d3.event.path);
});

请参阅https://jsfiddle.net/a9L9j9j1/以获取示例。单击紫色矩形时，chrome正确返回一个数组[rect，svg，div ... window]，但是firefox返回undefined。

谢谢！