鼠标悬停事件不会触发xhtml元素 - d3.js

Question

使用以下代码鼠标悬停时没有任何反应，我想知道我做错了什么，或者是否无法在xhtml元素上获取鼠标事件？

var tweetsText = tweetsSvg.selectAll('foreignObject.tweetText')
    .data(_data);

tweetsText.enter().append('foreignObject')
.attr('class', 'tweetText')
.append("xhtml:div")
.html(function(d) {
    return '<div style="color: #ededed">' + d.text + '</div>';
})
.on('mouseover', conosle.log('Mouseover'));

Answer 1

您需要使用函数作为事件处理程序的回调。试试这样：

.on('mouseover', function() {
  console.log('Mouseover');
});