javascript - d3.js - 图像 `mouseenter` stopPropagation 抛出错误

Question

我有一个小组。该组包含 text、arc 和 image。在 mouseenter 上，我想将 stropPropagation 添加到事件中。 (因为每次鼠标移到文本事件上都会触发。)

所以我添加了d3.event.sourceEvent.stopPropagation();方法。但它会抛出错误 Uncaught TypeError: Cannot read property 'stopPropagation' of undefined 这里出了什么问题？

代码:

d3.selectAll('.subAppGroupDetail image')
    .on('mouseenter', function (e) {
        d3.event.sourceEvent.stopPropagation();
        $('.quickView').show(500);
    })
    .on('mouseleave', function (e) {
    d3.event.sourceEvent.stopPropagation();
    $('.quickView').hide(100);
})

Answer 1

使用这样的代码:

  d3.selectAll('.subAppGroupDetail image')
   .on('mouseover', function (e) {
                d3.event.stopPropagation();
                $('.quickView').show(500);
   })
  .on('mouseout', function (e) {
           d3.event.stopPropagation();
           $('.quickView').hide(100);
  })